CSS grid-column-start Özellik
Örnek
2. sütunda "item1" başlangıcını yapın:
.item1 {
grid-column-start: 2;
}
Tanım ve Kullanım
Özellik grid-column-start
, öğenin hangi sütun satırında başlayacağını tanımlar.
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.gridColumnStart="3" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
grid-column-start | 57 | 16 | 52 | 10 | 44 |
CSS Sözdizimi
grid-column-start: auto|span n|column-line;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Default value. The item will be placed following the flow | |
span n | Specifies the number of columns the item will span | |
column-line | Specifies on which column to start the display of the item |
İlgili Sayfalar
CSS eğitimi: CSS Izgara Düzeni
CSS referansı: ızgara sütunu Özellik
CSS referansı: grid-column-end Özellik
CSS referansı: grid-row-start Özelliği
CSS referansı: Kılavuz satır sonu Özelliği