Ενότητα 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 |