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 қасиеті,
көпбағандылық үшін қысқартылған қасиет болып табылады