CSS grid-row attribute

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

Η ιδιότητα grid-row καθορίζει το μέγεθος του στοιχείου της γέφυρας και τη θέση του στη διάταξη της γέφυρας, είναι συντομευμένη ιδιότητα των παρακάτω ιδιοτήτων:

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

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

Παράδειγμα

Παράδειγμα 1

Για να κάνετε το "item1" να ξεκινήσει στη γραμμή 1 και να διακρίνει δύο γραμμές:

.item1 {
  grid-row: 1 / span 2;
}

Προσπαθήστε το個人

Παράδειγμα 2

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

.item1 {
  grid-row: 1 / 3;
}

Προσπαθήστε το個人

Γλώσσα CSS

grid-row: grid-row-start / grid-row-end;

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

Τιμή Περιγραφή
grid-row-start Προσδιορίζει από ποιο ρίγμα ξεκινά η εμφάνιση του αντικειμένου.
grid-row-end Προσδιορίζει πού να σταματήσει η εμφάνιση του αντικειμένου στη γραμμή ή πόσα ριγά θα διακρίνει.

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

Προεπιλεγμένη τιμή: auto / auto
Κληρονομικότητα: Όχι
Προσαρμογή κίνησης: Υποστήριξη. Δείτε επίσης:Προσαρμοσμένες ιδιότητες κίνησης。
Έκδοση: CSS Grid Layout Module Level 1
Γλώσσα JavaScript: object.style.gridRow="2 / span 2"

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

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

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