Ενότητα CSS row-gap

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

Η ιδιότητα row-gap ορίζει την απόσταση μεταξύ των γραμμών στο πλαίσιο ελαστικότητας ή του δίκτυου.

Η ιδιότητα row-gap ονομαζόταν παλαιότερα grid-row-gap.

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

Εκμάθηση CSSΠλαίσιο Δικτύου CSS

Εκμάθηση CSSΠλαίσιο Ελαστικότητας CSS

Χειροκίνητη Εγχειρίδιο CSSΙδιότητα gap

Χειροκίνητη Εγχειρίδιο CSSΙδιότητα column-gap

Παράδειγμα

Παράδειγμα 1

Ορίστε την απόσταση 50 pixel μεταξύ των γραμμών του δίκτυου:

#grid-container {
  display: grid;
  row-gap: 50px;
}

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

Παράδειγμα 2: Πλαίσιο ελαστικότητας

Ρυθμίστε την απόσταση μεταξύ των γραμμών στο πλαίσιο ελαστικότητας σε 70px:

#flex-container {
  display: flex;
  row-gap: 70px;
}

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

Γλώσσα CSS

row-gap: μήκος|normal|initial|inherit;
Τιμή Περιγραφή
μήκος Ρυθμίστε τη συγκεκριμένη διάσταση ή το ποσοστό της απόστασης μεταξύ των γραμμών.
normal Προεπιλεγμένη τιμή. Ορίζει τη φυσική απόσταση μεταξύ των γραμμών.
initial Ρυθμίστε αυτή την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε: initial.
inherit Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε: inherit.

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

Προεπιλεγμένη τιμή: normal
Κληρονομικότητα: Όχι
Κίνηση: Υποστηρίζεται. Δείτε ξεχωριστές ιδιότητες. Δείτε:Προσαρμοσμένες ιδιότητες κίνησης.
Έκδοση: Μονάδα Συμφωνίας Κουτί Box Alignment Level 3
Γλώσσα JavaScript: object.style.rowGap="50px"

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

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

πλάνη Chrome IE / Edge Firefox Safari Opera
στο δίκτυο 66 16 61 12 53
στο πλαίσιο ελαστικότητας 84 84 63 14.1 70