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

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

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

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

Εκμάθηση CSS3:Πολυκλάδος CSS3

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

Παράδειγμα

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

div {
  column-rule-style: dotted;
}

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

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

Γλώσσα CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Αξία ιδιότητας

Αξία Περιγραφή Έλεγχος
none Ορίζει τον κανόνα χωρίς γραμμή. Έλεγχος
hidden Ορίζει τον κανόνα hidden γραμμής. Έλεγχος
dotted Ορίζει τον κανόνα dotted γραμμής. Έλεγχος
dashed Ορίζει τον κανόνα dashed γραμμής. Έλεγχος
solid Ορίζει τον κανόνα γεμάτης γραμμής. Έλεγχος
double Ορίζει τον κανόνα διπλής γραμμής. Έλεγχος
groove Ορίζει το 3D grooved κανόνα. Το αποτέλεσμα εξαρτάται από το πλάτος και το χρώμα. Έλεγχος
ridge Ορίζει το 3D ridged κανόνα. Το αποτέλεσμα εξαρτάται από το πλάτος και το χρώμα. Έλεγχος
inset Ορίζει το 3D inset κανόνα. Το αποτέλεσμα εξαρτάται από το πλάτος και το χρώμα. Έλεγχος
outset Ορίζει το 3D outset κανόνα. Το αποτέλεσμα εξαρτάται από το πλάτος και το χρώμα. Έλεγχος

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

Προεπιλεγμένος τύπος: none
Κληρονομικότητα: no
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.columnRuleStyle="dotted"

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

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