CSS grid-column-end Özellik
Örnek
"item1" in 3 sütuna yayılmasını sağlayın:
.item1 {
grid-column-end: span 3;
}
Tanım ve Kullanım
Özellik grid-column-end
, bir öğenin kaç sütuna yayılacağını veya öğenin hangi sütun satırında biteceğini tanımlar (bu sayfanın sonundaki örneğe bakın).
Varsayılan değer: | Oto |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS Izgara Düzen Modülü Seviye 1 |
JavaScript sözdizimi: | nesne .style.gridColumnEnd="5" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
grid-column-end | 57 | 16 | 52 | 10 | 44 |
CSS Sözdizimi
grid-column-end:
auto|span n|column-line;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one column | |
span n | Specifies the number of columns the item will span | |
column-line | Specifies on which column to end the display of the item |
Daha fazla örnek
Örnek
Yayılacak sütun sayısı yerine sütun satırı değerlerini kullanabilirsiniz:
.item1 {
grid-column-end: 3;
}
İlgili Sayfalar
CSS eğitimi: CSS Izgara Düzeni