CSS columns ιδιότητα

Ορισμός και χρήση

Η ιδιότητα columns είναι μια συντομευμένη ιδιότητα που χρησιμοποιείται για να ρυθμίσει το πλάτος και τον αριθμό των στηλών.

Εγχειρίδιο HTML DOM:Ιδιότητα columns

Ορίζει το πλάτος και τον αριθμό των στηλών:

div
{
columns:100px 3;
}

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

columns: column-width column-count;

Τιμή	Περιγραφή
column-width	Πλάτος στήλης.
column-count	Αριθμός στηλών.

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

Τα αριθμήματα στη τάβλη αποκαλύπτουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως την ιδιότητα.

Τα αριθμήματα με -webkit- ή -moz- υποδεικνύουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

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