Eienskap column-rule
Die eienskap column-rule spesifiseer 'n grens
tussen kolomme in multikolomteks.
Dit neem dieselfde waardes as die eienskap
border.
Voorbeeld . Tipe solid
In hierdie voorbeeld sal die teks in 3
kolomme verdeel word met grense tussen die kolomme in die vorm van
'n soliede lyn met 'n dikte van 1px (die afstand
tussen die kolomme sal outomaties geskep word,
aangesien column-gap
op die waarde normal gestel is):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Voorbeeld . Invloed van column-gap
In hierdie voorbeeld sal die teks in 3
kolomme verdeel word met 'n tussenruimte van 50px.
Die grens sal deur die middel van die tussenruimte loop
(regs en links van die grens sal daar 25px wees):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Sien ook
-
die eienskap
column-width,
wat die breedte van 'n kolom spesifiseer -
die eienskap
column-count,
wat die aantal kolomme spesifiseer -
die eienskap
column-gap,
wat die tussenruimte tussen kolomme spesifiseer -
die eienskap
column-span,
wat die aantal kolomme spesifiseer waaroor 'n element moet strek -
die eienskap
columns,
wat 'n kortkode-eienskap vir multikolomlayoute is
