CSS grid-column-start ominaisuus

Määrittely ja käyttö

grid-column-start -ominaisuus määrittelee, missä sarakkeessa kohteet alkavat.

Katso myös:

CSS-opas:CSS-verkkorakennelma

CSS-käyttöohjeet:grid-column -ominaisuus

CSS-käyttöohjeet:grid-column-end -ominaisuus

CSS-käyttöohjeet:grid-row-start -ominaisuus

CSS-käyttöohjeet:grid-row-end -ominaisuus

Esimerkki

Aseta "item1" aloittamaan sarakkeesta 2:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
auto Oletusarvo. Kohteet sijoitetaan virrassa.
span n Määrittelee, kuinka monta saraketta kohteet kattavat.
column-line Määrittelee, mistä sarakkeesta kohteet näytetään.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation tekeminen: Tuki. Katso:Animaatiot。
Versio: CSS Grid Layout -moduuli 1
JavaScript-kieli: object.style.gridColumnStart="3"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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