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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri