Ιδιότητα 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,
που είναι μια συντόμευση για τις ιδιότητες πολλαπλών στηλών