Css Display Ozellikleri
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} |
|