صفت Display
چگونگی نمایش یک عنصر در صفحه را با صفت Display مشخص می کنیم که دارای ویژگیهای زیر می باشد :
None : عنصر نمایش داده نمی شود
Block : عنصر به صورت یک بلاک نمایش داده می شود و قبل و بعد از عنصر خط شکسته می شود .
Inline : مانند صفت قبل با این تفاوت که خط شکسته نمی شود .
list-item : عنصر به صورت لیست نمایش داده می شود .
run-in : یا به صورت بلاک یا به صورت inline به محتوی بستگی دارد .
compact : مانند صفت قبل می باشد .
table : عنصر را به صورت جدول نمایش می دهد و قبل و بعد عنصر خط شکسته می شود .
inline-table : مانند صفت قبل با این تفاوت که خط شکسته نمی شود .
table-row-group : عنصر را به صورت گروهی از یک یا چند سط نمایش میدهد .
table-header-group : شبیه صفت قبل
table-footer-group : شبیه صفت قبل
table-row : عنصر را به صورت یک سطر جدول نمایش میدهد .
table-column-group : عنصر را به صورت گروهی از یک یا چند ستون نمایش میدهد .
table-column : عنصر را به صورت یک ستون نمایش میدهد .
table-cell : عنصر را به صورت یک سلول جدول نمایش میدهد.
table-caption : عنصر را به صورت عنوان جدول نمایش میدهد .
بسیار خوب برای اینکه با کاربرد صفت display بیشتر آشنا بشوید به مثال زیر توجه کنید :
ویژگی None
در صورتیکه این ویژگی را برای یک عنصر بکار ببرید آن عنصر نمایش داده نمی شود
همانطور که در بالا توضیح داده ام عنصر به صورت یک بلاک نمایش داده می شود و قبل و بعد از عنصر خط شکسته می شود .
ویژگی Inline
مانند صفت قبل با این تفاوت که خط شکسته نمی شود .
به مثال زیر توجه کنید .
li
{
display : inline ;
}