Ιδιότητα column-width
Η ιδιότητα column-width ορίζει το πλάτος
των στηλών σε κείμενο πολλαπλών στηλών. Ως τιμή
της ιδιότητας χρησιμοποιούνται οποιεσδήποτε μονάδες
για μεγέθη, εκτός από ποσοστά, ή η λέξη-κλειδί
auto (από προεπιλογή). Με τιμή
auto το πρόγραμμα περιήγησης επιλέγει αυτόματα το βέλτιστο
πλάτος στηλών με βάση την column-count
και το column-gap.
Σύνταξη
επιλογέας {
column-width: τιμή;
}
Παράδειγμα . Καθορισμένο πλάτος
Σε αυτό το παράδειγμα καθορίζεται το πλάτος της στήλης column-width
σε 150px, ενώ ο αριθμός τους column-count
έχει τιμή auto. Ως αποτέλεσμα
το πλάτος των στηλών θα είναι 150px, ο αριθμός τους
και το κενό μεταξύ τους θα επιλεγεί αυτόματα από το πρόγραμμα περιήγησης:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Παράδειγμα . Τιμή auto
Σε αυτό το παράδειγμα το κείμενο θα χωριστεί σε 3
στήλες (επειδή η column-width έχει
τιμή 3), ενώ το πλάτος τους θα υπολογιστεί
αυτόματα:
<div id="elem">
some long text
</div>
#elem {
column-width: auto;
column-count: 3;
text-align: justify;
}
:
Δείτε επίσης
-
ιδιότητα
column-count,
που ορίζει τον αριθμό των στηλών -
ιδιότητα
column-gap,
που ορίζει το κενό μεταξύ των στηλών -
ιδιότητα
column-rule,
που ορίζει τα σύνορα μεταξύ των στηλών -
ιδιότητα
column-span,
που ορίζει τον αριθμό των στηλών στις οποίες πρέπει να εκτείνεται ένα στοιχείο -
ιδιότητα
columns,
που είναι μια συντομευμένη ιδιότητα για την πολυστήλωση