CSS Display Özellikleri

Display css de çok amaçlı kullanılan bir koddur haliyle tasarım yaparkende çok işimize yarar genel olarak bilinen inline, block ve none vardır ama display sadece bunlardan ibaret değildir fakat diğer özelliklerinin bir çoğu malesef tarayıcılar tarafından desteklenmemektedir bu yüzden bize gereken özellikle kalın harf yazdığım kodlardır ama diğerlerinede göz atalım

img {display: none}
yukarıdaki kodumuz herhan gibi bir nesneyi görünmez yapar yani gizler

span {display: block}
üstteki kodumuz bir nesneyi blok haline getiri nesnelerin satır atlamasını sağlar

p {display: inline}
üstteki kodumuz satır atlamadan yan yana sıralama yapar

li {display: list-item}
üstteki kodumuz bir elementi liste gibi sıralar listelerde kullanılır ama başka nesnelerdede kullanılabilir

h3 {display: run-in}
üstteki kodumuz satır bitişinin en üstüne taşır ama tarayıcılarda çok fark gösteriyor

dt {display: compact}
üstteki kodumuz css2.1 de kaldırıldı

strong {display: marker}
üstteki kodumuz css2.1 de kaldırıldı

TABLO alttaki kodlarımız tablo için kullanılıyor
table {display: table}
table {display: inline-table}
tbody {display: table-row-group}
thead {display: table-header-group}
tfoot {display: table-footer-group}
tr {display: table-row}
colgroup {display: table-column-group}
col {display: table-column}
th {display: table-cell}
caption {display: table-caption}