CSS display Özelliği

CSS display

Css display özelliği bir html elemanının kullanılan kutu modeli veya satır düzeyi element olma durumlarını düzenleyen bir özelliktir.

Örnek:

Div html elemanı varsayılan olarak blok düzeyinde elementtir, fakat biz display özelliği ile tüm div elemanlarına "inline" değeri vereceğiz ve sonuç örnekteki gibi olacaktır.

div { display: inline; }

CSS display nedir nasıl kullanılır

Bir html elemanının davranışlarını ,ekrandaki görünüm ayarlarını değiştirmek istediğimizde o elementin görünüm davranışını display özelliğiyle kontrol edebiliriz.

CSS display CSS display özellikleri  
Varsayılan Değer: inline  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript display: object.style.display="none"

CSS display Tarayıcı Desteği

Tablodaki sayılar bu özelliği ilk destekleyen tarayıcı sürümlerini gösterir.

CSS Kodu:
display display 4.0 8.0 3.0 3.1 7.0

CSS display Değerleri

display:değerler

CSS display özelliği değerleri

CSS display değerleri CSS display değerleri tanımları CSS örnek uygulamalar
inline Satır düzeyinde eleman olarak görünümünü ayarlar
block Blok düzeyinde eleman özellikleri kazandırır.
flex Esnek kutu modeli gibi davranış gösterir.  
inline-block Satır düzeyi ve blok düzeyi elemanı özelliklerini taşır.  
inline-flex Satır düzeyinde esnek kutu özelliği taşır.  
inline-table Satır düzeyinde tablo özelliği gösterir.  
list-item Liste elemanı görünümü kazanır.  
run-in İçeriğe bağlı olarak satır içi veya blok düzeyinde eleman tanımlar.  
table Tablo davranışını gösteren elemana dönüşür.  
table-caption Tablo başlığı şeklinde davranış kazanır.  
table-column-group Tablo sütun grubu özelliği kazanır.  
table-header-group Tablo başlığı grubu görünüm özelliği kazanır.  
table-footer-group Tablo alt bölümü özelliği gösterir.  
table-row-group Tablo satırları özelliklerini taşır.  
table-cell Tablo hücrelerinin özelliklerini taşır.  
table-column Tablonun kolonları gibi davranış özelliği kazanır.  
table-row Tablo satır elemanı gibi davranır.  
none Özelliklik aktif değildir.
initial Varsayılan başlangıç değerini alır.
inherit Soybağından gelen değeri kullanır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek