Column-rule қасиеті
column-rule қасиеті көп бағанды мәтіндегі
бағандар арасындағы шекараны белгілейді.
Қабылданатын мәндер бойынша border
қасиетімен сәйкес келеді.
Мысал . Solid түрі
Бұл мысалда мәтін 3 бағанға бөлінеді,
бағандар арасындағы шекаралар 1px қалыңдығында
үздіксіз сызық түрінде болады (бағандар арасындағы қашықтық
автоматты түрде қалыптасады, өйткені column-gap
normal мәніне орнатылған):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Мысал . Column-gap әсері
Бұл мысалда мәтін 3 бағанға бөлінеді,
олардың арасындағы қашықтық 50px болады.
Шекара бұл ретте аралықтың ортасынан өтеді
(шекараның оң жағында және сол жағында 25px болады):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Сондай-ақ қараңыз
-
column-widthқасиеті,
бағанның енін белгілейді -
column-countқасиеті,
бағандар санын белгілейді -
column-gapқасиеті,
бағандар арасындағы аралықты белгілейді -
column-spanқасиеті,
элементтің қанша бағанға созылуы керектігін белгілейді -
columnsқасиеті,
көпбағандылық үшін қысқартылған қасиет болып табылады