Display özelliği

display özelliği, bir öğenin tarayıcı tarafından görüntülenme şeklini belirler.

Sözdizimi

Değerler

Değer	Açıklama
block	Blok seviyesi öğe.
inline	Satır içi öğe.
inline-block	Satır içi blok öğe.
list-item	Öğe bir liste öğesi olur ve önünde liste işaretçisi görünür.
flex	Öğeyi blok seviyesi olarak ayarlar, ve onun alt öğeleri flex öğeleri olur.
inline-flex	Öğeyi satır içi blok olarak ayarlar, ve onun alt öğeleri flex öğeleri olur.
grid	Bir ızgara (grid) öğesi oluşturur.
none	Öğe tamamen kaybolur ve diğer tüm öğeler, bu öğe hiç yokmuş gibi davranır.
table	Öğe bir tablo gibi davranır.
table-cell	Öğe bir tablo hücresi gibi davranır.
inline-table	Öğe bir tablo gibi davranır, ancak tablo satır içi bir öğedir ve metin gibi diğer öğeler tarafından sarılır.
table-caption	Öğe bir caption etiketi gibi davranır.
table-column	Öğe bir tablo sütunu gibi davranır.
table-row	Öğe bir tablo satırı gibi davranır.
table-column-group	Öğe bir colgroup etiketi gibi davranır.
table-footer-group	Öğe bir tfoot etiketi gibi davranır.
table-header-group	Öğe bir thead etiketi gibi davranır.
table-row-group	Öğe bir tbody etiketi gibi davranır.
run-in	Öğeyi bağlama bağlı olarak blok seviyesi veya satır içi olarak ayarlar.

Varsayılan olarak, öğeler display için farklı değerlere sahip olabilir.