چگونگی نمایش یک عنصر در صفحه را با صفت 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

در صورتیکه این ویژگی را برای یک عنصر بکار ببرید آن عنصر نمایش داده نمی شود

.h1
{
display : none ;
}

 ویژگی Block
همانطور که در بالا توضیح داده ام عنصر به صورت یک بلاک نمایش داده می شود و قبل و بعد از عنصر خط شکسته می شود .
به مثال زیر توجه کنید :

span
{
display : block ;
} 

 ویژگی Inline

مانند صفت قبل با این تفاوت که خط شکسته نمی شود .
به مثال زیر توجه کنید .

li
{
display : inline ;
}