Vetia column-rule

Vetia column-rule përcakton kufirin midis kolonave në tekst shumëkolonash. Në vlerat e pranuara përkon me vetinë border.

Shembull . Lloji solid

Në këtë shembull, teksti do të ndahet në 3 kolona me kufij midis kolonave në formën e një vije të vazhduar me trashësi 1px (distanca midis shtyllave do të formohet automatikisht, pasi është caktuar column-gap në vlerën normal):

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

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

Shembull . Ndikimi i column-gap

Në këtë shembull, teksti do të ndahet në 3 kolona me një hendek midis tyre prej 50px. Kufiri do të kalojë në mes të hendekut (djathtas dhe majtas nga kufiri do të ketë nga 25px):

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

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

Shihni gjithashtu

vetia column-width,
e cila përcakton gjerësinë e kolonës
vetia column-count,
e cila përcakton numrin e kolonave
vetia column-gap,
e cila përcakton hendekun midis kolonave
vetia column-span,
e cila përcakton numrin e shtyllave në të cilat duhet të shtrihet elementi
vetia columns,
e cila është një veti e shkurtuar për shumëkolonashmërinë