Proprietatea column-rule
Proprietatea column-rule definește bordura
între coloane în textul multicoloană.
În ceea ce privește valorile acceptate, coincide cu proprietatea
border.
Exemplu . Tipul solid
În acest exemplu, textul va fi împărțit în 3
coloane cu borduri între coloane sub formă de
linie continuă cu grosimea de 1px (distanța
dintre coloane se va forma automat,
deoarece este setat column-gap
la valoarea normal):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Exemplu . Influența column-gap
În acest exemplu, textul va fi împărțit în 3
coloane cu un spațiu între ele de 50px.
Bordura va trece la mijlocul spațiului
(la dreapta și la stânga bordurii vor fi câte 25px):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Vezi și
-
proprietatea
column-width,
care stabilește lățimea coloanei -
proprietatea
column-count,
care stabilește numărul de coloane -
proprietatea
column-gap,
care stabilește spațiul dintre coloane -
proprietatea
column-span,
care stabilește numărul de coloane pe care trebuie să se întindă un element -
proprietatea
columns,
care este o proprietate scurtă pentru formatarea multicoloană
