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

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

Το χαρακτηριστικό grid-auto-columns ορίζει το μέγεθος των στηλών στο κουτί της δομής.

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

Επιπλέον ενημερώσεις:

Εκμάθηση CSSΣχετικός ιστότοπος CSS

Κατανοητό εγχειρίδιο CSSΧαρακτηριστικό grid-auto-rows

Παράδειγμα

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

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

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

Γλώσσα γραφής CSS

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

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Το μέγεθος των στηλών καθορίζεται από το μέγεθος του κουτιού.
fit-content()
max-content Ορισμός του μεγέθους κάθε στήλης με βάση το μεγαλύτερο στοιχείο στη στήλη.
min-content Ορισμός του μεγέθους κάθε στήλης με βάση το μικρότερο στοιχείο στη στήλη.
minmax(min.max) Ορισμός του μεγέθους του εύρους που είναι μεγαλύτερο ή ίσο με το min και μικρότερο ή ίσο με το max.
length Ορισμός του μεγέθους των στηλών, χρησιμοποιώντας νόμιμες τιμές μήκους. ΕλέγξτεΜονάδα μήκους。
% Ορισμός του μεγέθους των στηλών, χρησιμοποιώντας ποσοστιαίες τιμές.

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

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Δημιουργία κίνησης: Υποστήριξη. Ελέγξτε:Σύνολο χαρακτηριστικών κίνησης。
Έκδοση: Μονάδα επιπέδου 1 του CSS Grid Layout
Γλώσσα γραφής JavaScript: object.style.gridAutoColumns="120px"

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

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

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