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

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

HTML strong Etiketi

CSS flex-basis Özelliği

CSS top Özelliği

HTML Yorumlar

CSS align-self özelliği

CSS align-items özelliği

HTML5 Canvas Oyun Yapımı Dersleri