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