2.0 KiB
| title | localeTitle |
|---|---|
| CSS Display | عرض CSS |
عرض CSS
تحدد خاصية العرض نوع المربع المستخدم لعنصر HTML. لديها 20 قيمة ممكنة للكلمات الرئيسية. هذه هي شائعة الاستخدام:
.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}
display:none يمكن أن تكون display:none خاصية مفيدة في كثير من الأحيان عند إجراء استجابة لموقع الويب. على سبيل المثال ، قد ترغب في إخفاء عنصر في الصفحة حيث ينكمش حجم الشاشة لتعويض نقص المساحة. display: none لن يؤدي إلى إخفاء العنصر فقط ، ولكن جميع العناصر الأخرى في الصفحة ستتصرف كما لو كان هذا العنصر غير موجود. هذا هو الفرق الأكبر بين هذه الخاصية visibility: hidden الخاصية visibility: hidden ، التي تخفي العنصر ولكنها تحتفظ بجميع عناصر الصفحة الأخرى في نفس المكان كما تظهر إذا كان العنصر المخفي مرئيًا.
يتم تجميع قيم الكلمات الرئيسية هذه في ست فئات:
<display-inside><display-outside><display-listitem><display-box><display-internal><display-legacy>