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

Καθορισμός και χρήση

Η ιδιότητα grid-column-gap καθορίζει το μέγεθος του διαστήματος μεταξύ των στήλων στη διάταξη γράφημα.

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

Εκμάθηση CSS:CSS Grid

Καταχώρηση αναφοράς CSS:ιδιότητα grip-gap

Καταχώρηση αναφοράς CSS:ιδιότητα grip-row-gap

Παράδειγμα

Δημιουργία διαστήματος μεταξύ των στήλων 50 pixels:

.grid-container {
  grid-column-gap: 50px;
}

Προσπαθήστε το προσωπικά

Γλώσσα γραφείου CSS

grid-column-gap: length;

Τιμή ιδιότητας

Τιμή Περιγραφή
length Οποιαδήποτε νόμιμη τιμή μήκους, όπως pixels ή ποσοστό. Η προεπιλεγμένη τιμή είναι 0. Δείτε επίσηςΜονάδα μήκους.

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

Προεπιλεγμένη τιμή: 0
Κληρονομικότητα: Όχι
Δημιουργία κινήσεων: Υποστηρίζεται. Δείτε επίσης:Στοιχεία σχετικά με την κίνηση.
Έκδοση: Μονάδα επίπεδο 1 του CSS Grid Layout
Γλώσσα γραφείου JavaScript: object.style.gridColumnGap="50px"

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

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44