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 հատկությունը,
որը բազմասյուն տեքստի համար կրճատ հատկություն է