CSS column-count ιδιότητα

Δефίνηση και χρήση

Η ιδιότητα column-count καθορίζει τον αριθμό των στηλών που πρέπει να διασπάσει το στοιχείο.

Δείτε επίσης:

Εκμάθηση CSS3:CSS3 πολυκολονία

Οδηγός HTML DOM:Ιδιότητα columnCount

Παράδειγμα

Διαίρει τον κείμενο στο στοιχείο div σε τρεις στήλες:

div
{
column-count:3;
}

Δοκιμάστε το προσωπικά

Υπάρχουν περισσότερα παραδείγματα στην κορυφή της σελίδας.

Γλώσσα CSS

column-count: number|auto;

Τιμή ιδιότητας

Τιμή Περιγραφή Έλεγχος
number Ο καλύτερος αριθμός στηλών για τη διαίρεση του περιεχομένου του στοιχείου. Έλεγχος
auto Ο αριθμός των στηλών καθορίζεται από άλλες ιδιότητες, όπως το "column-width". Έλεγχος

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: no
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.columnCount=3

Περισσότερες παραδείγματα

Column-gap
Διαίρει τον κείμενο στο στοιχείο div σε τρεις στήλες και καθορίζει το διαστήματα μεταξύ των στηλών 30 pixel.
Column-rule
Προσδιορίζει το πλάτος, τον τύπο και τον χρώμα των στηλών μεταξύ.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τаблицή δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1