CSS grid-column-start özelliği

Tanım ve kullanım

grid-column-start özelliği, projenin hangi sütun çizgisinde başlayacağını tanımlar.

Daha fazla bakınız:

CSS eğitim:CSS ağır yapı

CSS referans el kitabı:grid-column özelliği

CSS referans el kitabı:grid-column-end özelliği

CSS referans el kitabı:grid-row-start özelliği

CSS referans el kitabı:grid-row-end özelliği

Örnek

"item1"ni sütun 2'den başlatın:

.item1 {
  grid-column-start: 2;
}

Kişisel olarak deneyin

CSS dilbilgisi

grid-column-start: auto|span n|column-line;

Özellik değeri

Değer Açıklama
auto Öntanımlı değer. Proje akışa göre yerleştirilir.
span n Projenin hangi sütunları kapsayacağını belirtir.
column-line Projelerin hangi sütundan başlayacağını belirler.

Teknik ayrıntılar

Öntanımlı değer: auto
Geçiş: Hayır
Animasyon yapımı: Destekleniyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS Grid Layout Modülü 1
JavaScript dilbilgisi: object.style.gridColumnStart="3"

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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