---
title: Display Property
localeTitle: عرض الملكية
---
## عرض الملكية

تحدد خاصية `display` نوع المربع المستخدم لعنصر HTML. هناك 20 قيمة للكلمات الرئيسية الإجمالية ، على الرغم من استخدام 10 فقط بشكل شائع. هذه هي شائعة الاستخدام:

 `.none           {display: none} 
 .block          {display: block} 
 .inline-block   {display: inline-block} 
 .inline         {display: inline} 
 .flex           {display: flex} 
 .inline-flex    {display: inline-flex} 
 .inline-table   {display: inline-table} 
 .table          {display: table} 
 .inherit        {display: inherit} 
 .initial        {display: initial} 
` 

**أمثلة شائعة:**

 `.myBox { 
    display: block; 
 } 
 
 .myContainer { 
    display: flex; 
 } 
 
 .inlineList ul > li { 
    display: inline; 
 } 
` 

#### معلومات اكثر:

*   التوثيق والقائمة الكاملة لقيم الكلمات الرئيسية: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
    
*   يتوفر مرجع CSS الخاص بـ W3Schools على خاصية العرض: [W3Schools](https://www.w3schools.com/cssref/pr_class_display.asp)
    
*   يحتوي CSS-TRICKS على مرجع رائع على خاصية العرض: [CSS-Tricks](https://css-tricks.com/almanac/properties/d/display/)
    
*   دعم المتصفح: [caniuse](http://caniuse.com/#search=display)
    
*   دليل كامل ل Flexbox: [CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)