Στήλη-κανόνας-πλάτος - CSS-Κόλπα

Πίνακας περιεχομένων:

Anonim

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

.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )

Ένας άλλος τρόπος να πάει για αυτό είναι να χρησιμοποιήσετε την column-ruleιδιότητα στενογραφία, η οποία συνδυάζει column-rule-width, column-rule-styleκαι column-rule-color.

.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )

Σύνταξη

column-rule-width: thin | medium | thick |
  • Αρχική τιμή: medium
  • Ισχύει για: κοντέινερ πολλαπλών στηλών
  • Κληρονομική: όχι
  • Υπολογισμένη τιμή: απόλυτο μήκος; 0εάν column-rule-styleείναι noneήhidden
  • Τύπος κινούμενης εικόνας: ανά τύπο υπολογισμένης τιμής

Αξίες

column-rule-width παίρνει ένα όνομα, μήκος ή καθολική τιμή.

/* Named values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* Length values */ column-rule-width: 15px; column-rule-width: 1.5rem; /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset;

Διαδήλωση

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

ΙΕ Ακρη Firefox Χρώμιο Σαφάρι ΛΥΡΙΚΗ ΣΚΗΝΗ
10+ 12+ 3.5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Πρόγραμμα περιήγησης Android iOS Safari Opera Mini
85+ 79+ Οχι 3.2+ Ολα
Πηγή: caniuse

Προσδιορισμός

CSS Multi-column Layout Module Level 1 (Πρόχειρο συντάκτη)