CSS border-spacing Özelliği

CSS border-spacing

Css border-spacing özelliği tablo hücrelerinin kenarları arasındaki boşluk ayarlarını düzenler.

Örnek:

Bu örnekte üç tane tabloya farklı border-spacing değerleri verilerek özelliğin etkisinin öğrenilmesi amaçlanmıştır.

#tablo1 { border-collapse: separate; border-spacing: 10px; } #tablo2 { border-collapse: separate; border-spacing: 100px 50px; } #tablo3 { border-collapse: separate; border-spacing: 80px 20px; }

CSS border-spacing nedir nasıl kullanılır

Css border-spacing özelliği html tablo hücrelerinin kenarlarının arasındaki boşluğu tanımlamıza yarayan bir özelliktir.

CSS border-spacing CSS border-spacing özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: var  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript border-spacing: object.style.borderSpacing="15px"

CSS border-spacing Tarayıcı Desteği

CSS Kodu:
border-spacing 1.0 8.0 1.0 1.0 4.0

CSS border-spacing Değerleri

border-spacing:length|initial|inherit;

CSS border-spacing özelliği değerleri

CSS border-spacing değerleri CSS border-spacing değerleri tanımları CSS örnek uygulamalar
length length Bir yada iki uzunluk değeri girilir.
initial Özelliğin varsayılan değeridir.
inherit Soybağından gelen değerdir.  

Yorumlar

Bu blogdaki popüler yayınlar

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

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek