Ιδιότητα grid-auto-columns
Η ιδιότητα grid-auto-columns ορίζει
τον αριθμό και το πλάτος των στηλών που
θα καταλαμβάνει ένα στοιχείο στη σιωπηρή πλέγμα.
Σιωπηρή πλέγμα - πλέγμα που δημιουργείται
αυτόματα, όταν τα στοιχεία βγαίνουν έξω από
το πλαίσιο της ήδη σημειωμένης πλέγματος.
Στην τιμή της ιδιότητας ορίζουμε το πλάτος των στηλών
σε οποιεσδήποτε μονάδες
για μεγέθη.
Η ιδιότητα ορίζεται στο γονικό στοιχείο
και καθορίζει το πλάτος των στηλών των θυγατρικών στοιχείων.
Σύνταξη
επιλογέας {
grid-auto-columns: πλάτος στήλης;
}
Παράδειγμα
Ας ορίσουμε το πλάτος των στηλών για τα στοιχεία μας στη σιωπηρή πλέγμα:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
#parent {
display: grid;
grid-template-rows: 40px 40px;
grid-auto-columns: 200px;
border: 2px solid #696989;
padding: 10px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
Δείτε επίσης
-
η ιδιότητα
grid-auto-rows,
που ορίζει τον αριθμό και το πλάτος των σειρών στη σιωπηρή πλέγμα -
η ιδιότητα
grid-template-columns,
που ορίζει τον αριθμό και το πλάτος των στηλών στην πλέγμα