CSS grid-auto-rows ιδιότητα

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

Η ιδιότητα grid-auto-rows ρυθμίζει το μέγεθος των γραμμών του κουτιού δίκτυου.

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

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

Εκμάθηση CSS:Σχεδιασμός Δικτύου CSS

Εγχειρίδιο CSS:Ιδιότητα grid-auto-columns

Παράδειγμα

Ρύθμιση του προεπιλεγμένου μεγέθους των γραμμών του δίκτυου:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

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

Γλώσσα CSS

grid-auto-rows: auto|max-content|min-content|length;

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

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Το μέγεθος της γραμμής καθορίζεται από το μέγεθος του μεγαλύτερου στοιχείου της γραμμής.
max-content Ρύθμιση του μεγέθους κάθε γραμμής με βάση το μεγαλύτερο στοιχείο της γραμμής.
min-content Ρύθμιση του μεγέθους κάθε γραμμής με βάση το μεγαλύτερο στοιχείο της γραμμής.
length Ρύθμιση του μεγέθους των γραμμών, χρησιμοποιώντας νόμιμες τιμές μήκους. Δείτε επίσηςΜονάδες μήκους.

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

Προεπιλεγμένη τιμή: auto
Προγενέστερη κληρονομικότητα: Όχι
Προσαρμογή του κινητού: Υποστηρίζεται. Δείτε επίσης:Προσαρμοστικές ιδιότητες.
Έκδοση: Μονάδα Σχεδίασης Γραμμικού Δικτύου Nivel 1
Γλώσσα JavaScript: object.style.gridAutoRows="60px"

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

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

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