Η column-rule-styleιδιότητα CSS καθορίζει τον τύπο γραμμής που σχεδιάζεται μεταξύ στηλών σε διάταξη πολλαπλών στηλών CSS.
Το ακίνητο είναι περιορισμένο από μόνο του. Όταν το δηλώνουμε, θα τραβήξει μια γραμμή μεταξύ των στηλών CSS με πλάτος ένα pixel και μαύρο.
.columns ( columns: 2 600px; column-rule-style: solid; )Τα πράγματα γίνονται πιο ενδιαφέροντα όταν αρχίσουμε να συνδυάζουμε column-rule-styleμε άλλες column-rule-ιδιότητες, όπως column-rule-width(για να ορίσετε μια παχύτερη γραμμή) και column-rule-color(για να αλλάξετε το χρώμα).
.columns ( columns: 2 600px; column-rule-style: solid; column-rule-width: 3px; column-rule-color: #f8a100; )Ή, hey, μπορούμε απλά να χρησιμοποιήσουμε τη column-ruleστενή ιδιότητα που συνδυάζει και τα τρία σε μία δήλωση:
.columns ( columns: 2 600px; column-rule: solid 3px #f8a100; )Σύνταξη
column-rule-style: ;- Αρχική τιμή:
none - Ισχύει για: κοντέινερ πολλαπλών στηλών
- Κληρονομική: όχι
- Υπολογισμένη τιμή: καθορισμένη λέξη-κλειδί
- Τύπος κινούμενης εικόνας: διακριτός
Αξίες
column-rule-style αποδέχεται τις ακόλουθες τιμές:
/* Keyword values */ column-rule-style: none; column-rule-style: hidden; column-rule-style: dotted; column-rule-style: dashed; column-rule-style: solid; column-rule-style: double; column-rule-style: groove; column-rule-style: ridge; column-rule-style: inset; column-rule-style: outset; /* Global values */ column-rule-style: inherit; column-rule-style: initial; column-rule-style: unset;Διαδήλωση
Υποστήριξη προγράμματος περιήγησης
| ΙΕ | Ακρη | Firefox | Χρώμιο | Σαφάρι | ΛΥΡΙΚΗ ΣΚΗΝΗ |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ | 4+ | 3.2+ | 11.5+ |
| Android Chrome | Android Firefox | Πρόγραμμα περιήγησης Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Οχι | 3.2+ | Ολα |
Προσδιορισμός
CSS Multi-column Layout Module Level 1 (Πρόχειρο συντάκτη)