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 касиети,
көп тилкелүүлүк үчүн кыскартылган касиет болуп саналат