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 Resimler

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

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin