CSS sütun-boşluk özelliği

tanım ve kullanım

column-gap özelliği, sütunlar arasındaki aralığı belirtir.

yorum:sütunlar arasında ayarlandığında column-rulearalık içinde gösterir.

daha fazla bakınız:

CSS3 eğitim:CSS3 多列

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

örnek

sütunlar arasındaki aralığı 40 piksel olarak belirtir:

div {
  column-gap: 40px;
}

kendiniz deneyin

sayfa altında daha fazla örnek var.

CSS dilbilgisi

column-gap: uzunluk|normal;

özellik değeri

değer tanım test
uzunluk sütunlar arasındaki aralığı belirtilen uzunluğa ayarlar. test
normal sütunlar arasındaki aralığı bir normal aralık olarak belirtir. W3C'nin önerdiği değer 1em'dir. test

teknik ayrıntılar

varsayılan değer: normal
miras: hayır
sürüm: CSS3
JavaScript dilbilgisi: object.style.columnGap="40px"

daha fazla örnek

Column-count
div elementindeki metni üç sütuna böler.
Column-rule
sütunlar arasındaki genişlik, stil ve rengi belirtir.

tarayıcı desteği

tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

prefix kullanımı olan -webkit- veya -moz- ile başlayan rakamlar, ön sürümün ilk sürümünü kullanır.

özellik Chrome IE / Edge Firefox Safari Opera
çok sütunlu 50 10 52 10 37
ılgılı alanda 66 16 61 12 53
esnek çerçeve içinde 84 84 63 14.1 70