CSS column-gap ιδιότητα

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

το χαρακτηριστικό column-gap ορίζει την απόσταση μεταξύ των στήλων.

Σημείωση:αν έχει οριστεί η απόσταση μεταξύ των στήλων column-ruleθα εμφανιστεί στο μέσο της απόστασης.

έξω από αυτό:

εκμάθηση CSS3:CSS3 πολυκάλυψη

εγχειρίδιο HTML DOM:columnGap χαρακτηριστικό

παράδειγμα

θετία των πλάθων μεταξύ των στήλων 40 pixel:

div {
  column-gap: 40px;
}

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

έχει περισσότερα παραδείγματα στην κορυφή της σελίδας.

γλώσσα CSS

column-gap: length|normal;

τιμή χαρακτηριστικού

Τιμή Περιγραφή έλεγχος
length θετία της απόστασης μεταξύ των στήλων ως καθορισμένη απόσταση. έλεγχος
normal θετία μεταξύ των στήλων ως μια κανονική απόσταση. Η προτεινόμενη τιμή από το W3C είναι 1em. έλεγχος

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

προεπιλεγμένη τιμή: normal
εκληρονόμηση: no
έκδοση: CSS3
γλώσσα γραφής JavaScript: object.style.columnGap="40px"

πάλι παραδείγματα

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

υποστήριξη περιηγητή

οι αριθμοί στην τάβλη δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

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

θετικότητα Chrome IE / Edge Firefox Safari Opera
στο πλαίσιο πολλαπλών στήλων 50 10 52 10 37
στο δίκτυο 66 16 61 12 53
στο πλαίσιο της弹性的 84 84 63 14.1 70