HTML5 ve CSS3 Dersleri,
Web Tasarım ve Programlama,Javascript Oyun Geliştirme,Web Site Yapımı Dersleri
CSS display Özelliği
Bağlantıyı al
Facebook
X
Pinterest
E-posta
Diğer Uygulamalar
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.
Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Yorumlar
Yorum Gönder