CSS border-spacing özelliği

Tanım ve kullanım

border-spacing özelliği, komşu hücrelerin arasındaki çerçeve mesafesini ayarlar (sadece 'çerçeve ayrı' modu için).

Yorum:Bazı IE tarayıcı sürümleri bu özelliği desteklememektedir.

Açıklama

Bu özellik, hücre sınırları arasındaki mesafeyi belirler. Belirtilen iki uzunluk değeri arasında, ilkinin yatay, ikincisinin dikey mesafesi vardır. border-collapse özelliği separate olarak ayarlanmadıkça bu özellik göz ardı edilir. Bu özellik sadece tabloya uygulanır, ancak tablo içindeki tüm öğeler tarafından miras alınabilir.

Ayrıca bkz:

CSS eğitim:CSS Tablosu

HTML DOM referans el kitabı:borderSpacing özelliği

Örnek

Tabloya border-spacing ayarlayın:

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

border-spacing: length|initial|inherit;

Özellik değeri

Değer Açıklama
length length

Komşu hücrelerin arasındaki çerçeve mesafesini belirtir. px, cm gibi birimler kullanılır. Negatif değerler kullanılmaz.

Bir parametre tanımlanmışsa length tanımlananlar yatay ve dikey mesafelerdir.

İki parametre tanımlanmışsa length Parametre, ilkini yatay mesafeyi, ikincisini ise dikey mesafeyi ayarlar.
inherit Border-spacing özelliğinin değerini ebeveyn öğesinden miras alması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: belirtilmemiş
Mirasçılık: evet
Sürüm: CSS2
JavaScript dilbilgisi: object.style.borderSpacing="15px"

Daha fazla örnek

Tablo aralarındaki mesafeyi ayarlayın
Bu örnek, hücre aralarındaki mesafeyi nasıl ayarlayacağınızı gösterir.

Tarayıcı desteği

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0