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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML em Etiketi

CSS justify-content Özelliği

HTML table Etiketi

HTML hr Etiketi

CSS align-items özelliği

HTML menu Etiketi

CSS flex-basis Özelliği

HTML embed Etiketi

CSS content Özelliği