Xüsusiyyət column-rule

Xüsusiyyət column-rule çoxsütunlu mətndə sütunlar arasında sərhəd təyin edir. Qəbul etdiyi dəyərlər baxımından border xüsusiyyəti ilə eynidir.

Nümunə . Tip solid

Bu nümunədə mətn 3 sütuna bölünəcək, sütunlar arasında 1px qalınlığında bərxət xətt şəklində sərhəd olacaq (sütunlar arası məsafə avtomatik olaraq formalaşacaq, çünki column-gap normal dəyərində təyin edilib):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: normal;
	text-align: justify;
}

Nümunə . Column-gap təsiri

Bu nümunədə mətn 3 sütuna bölünəcək, onlar arasında 50px aralıq olacaq. Sərhəd isə aralığın ortasından keçəcək (sərhədin sağında və solunda 25px olacaq):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: 50px;
	text-align: justify;
}

Həmçinin bax

column-width xüsusiyyəti,
sütunun enini təyin edir
column-count xüsusiyyəti,
sütunların sayını təyin edir
column-gap xüsusiyyəti,
sütunlar arası aralığı təyin edir
column-span xüsusiyyəti,
elementin neçə sütuna uzadılacağını təyin edir
columns xüsusiyyəti,
çoxsütunluluq üçün qısaldılmış xüsusiyyətdir