המאפיין grid-auto-columns
מגדיר את גודל העמודות שנוספות אוטומטית כאשר מספר העמודות בתבנית ה-Grid משתנה.
size
- גודל העמודות האוטומטיות, לדוגמה 100px
, 1fr
וכו'.להלן דוגמה לשימוש במאפיין grid-auto-columns
:
<style>
.container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-columns: 100px;
gap: 10px;
}
.item {
background-color: lightcoral;
padding: 20px;
}
</style>
<div class="container">
<div class="item">אלמנט 1</div>
<div class="item">אלמנט 2</div>
<div class="item">אלמנט 3</div>
</div>
רק רגע