Sifat column-rule
Sifat column-rule menetapkan sempadan
antara lajur dalam teks berbilang lajur.
Dari segi nilai yang diterima, ia sepadan dengan sifat
border.
Contoh . Jenis solid
Dalam contoh ini, teks akan dibahagikan kepada 3
lajur dengan sempadan antara lajur dalam bentuk
garisan padu setebal 1px (jarak
antara lajur akan terbentuk secara automatik,
kerana column-gap
ditetapkan kepada nilai normal):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Contoh . Pengaruh column-gap
Dalam contoh ini, teks akan dibahagikan kepada 3
lajur dengan jarak antara mereka sebanyak 50px.
Sempadan akan melalui tengah-tengah jarak
(kanan dan kiri sempadan akan ada 25px setiap satu):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Lihat juga
-
sifat
column-width,
yang menetapkan lebar lajur -
sifat
column-count,
yang menetapkan bilangan lajur -
sifat
column-gap,
yang menetapkan jarak antara lajur -
sifat
column-span,
yang menetapkan bilangan lajur yang mesti direntangkan oleh elemen -
sifat
columns,
yang merupakan sifat singkatan untuk berbilang lajur