Η column-rule-colorιδιότητα CSS καθορίζει το χρώμα μιας γραμμής μεταξύ στηλών σε διάταξη πολλαπλών στηλών CSS.
Η ιδιοκτησία δεν μπορεί να ενεργήσει μόνη της! Για να δούμε το χρώμα, πρέπει να κάνουμε τη γραμμή - τεχνικά αποκαλούμενη "κανόνας" - μεταξύ των στηλών. Αυτό απαιτεί την column-rule-styleιδιοκτησία.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Ή, μπορούμε να χρησιμοποιήσουμε τη column-ruleστενή ιδιότητα, η οποία συνδυάζει column-rule-color, column-rule-styleκαι column-rule-widthσε μία μόνο δήλωση.
column-rule: 3px solid #f8a100;Σύνταξη
column-rule-colorπαίρνει μία τιμή χρώματος. Αυτό μπορεί να είναι οποιοδήποτε έγκυρο χρώμα CSS, συμπεριλαμβανομένων των χρωμάτων hex, RGB, RGBa, HSL, HSLa και ονομάτων. Αποδέχεται ακόμη και currentColorως αξία.
column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;Διαδήλωση
Υποστήριξη προγράμματος περιήγησης
| ΙΕ | Ακρη | Firefox | Χρώμιο | Σαφάρι | ΛΥΡΙΚΗ ΣΚΗΝΗ |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ | 4+ | 3.1+ | 11.5+ |
| Android Chrome | Android Firefox | Πρόγραμμα περιήγησης Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Οχι | 3.2+ | Ολα |
Προσδιορισμός
CSS Multi-column Layout Module Level 1 (Πρόχειρο συντάκτη)