CSS column-rule-width ιδιότητα

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

Η ιδιότητα column-rule-width ορίζει τον κανόνα πλάτους μεταξύ των στηλών.

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

Εκμάθηση CSS3:CSS3 Πολυσυνοριακή

Εγχειρίδιο αναφοράς HTML DOM:Η ιδιότητα columnRuleWidth

Παράδειγμα

Ορίζει το κανόνα χρώματος μεταξύ των στηλών:

div {
  column-rule-width: 10px;
}

Δοκιμάστε το شخصικά

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

Γλώσσα γραμματοσειράς CSS

column-rule-width: thin|medium|thick|length;

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

Τιμή Περιγραφή Δοκιμή
thin Δια ορίζει τον κανόνα λεπτής πλάτους. Δοκιμή
medium Δια ορίζει τον κανόνα μέτριας πλάτους. Δοκιμή
thick Δια визначει τον κανόνα πλάτους. Δοκιμή
length Ορίζει το πλάτος του κανόνα. Δοκιμή

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

Προεπιλεγμένη τιμή: medium
Παράδοση: no
Έκδοση: CSS3
Γλώσσα γραμματοσειράς JavaScript: object.style.columnRuleWidth="thin"

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

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

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

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

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

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