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

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

Η ιδιότητα column-fill καθορίζει πώς να γεμίσει τις στήλες (αν πρέπει να συντονιστεί).

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

Εκμάθηση CSS3:CSS3 πολυπολιδια

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

Παράδειγμα

Καθορίζει πώς να γεμίσει τις στήλες:

div
{
column-fill:auto;
}

Γλώσσα CSS

column-fill: balance|auto;

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

Τιμή Περιγραφή
balance Επιτυγχάνει τη συντονιστική. Ο περιηγητής πρέπει να ελαχιστοποιήσει τις διαφορές στη μήκος των στηλών.
auto Προσθέτει τις στήλες σε σειρά, η μήκος των στηλών θα διαφέρει.

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

Προεπιλεγμένη τιμή: balance
Εκληροδότηση: no
Έκδοση: CSS3
Γλώσσα γραφικής γλώσσας: object.style.columnFill="auto"

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

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

Υποστήριξη του περιηγητή

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0