Ero sivun ”CSS/Grid” versioiden välillä

Oletuksena elementit järjestyvät hilaan samaan siinä järjestyksessä, jossa ne ovat dokumentissa. Elementit voi kuitenkin sijoittaa myös mielivaltaisessa järjestyksessä. Tämän voi tehdä muutamalla eri tavalla.

 

Viivojen suhteen sijoittelussa gridin ajatellaan koostuvan soluja erottavista viivoista. Viivojen laskusuunta riippuu dokumentin kielestä. Vasemmalta oikealle luettavilla kielillä ensimmäinen pystyviiva on gridin vasen reuna, toinen viiva on ensimmäisen solun oikea reuna ja niin edelleen. Viivoja on siis yksi enemmän kuin soluja rivillä tai sarakkeessa. Viivoihin voidaan viitata numerolla tai nimellä.

 

Jos elementti ulottuu vain yhden viivojen välin, voidaan loppukohta ja pituusmerkintä jättää pois.

 

Elemtti voidaan sijoittaa tiettyyn kohtaan myös alueen mukaan. Alue ilmoitetaan antamalla sen rajaavat vaaka- ja pystyviivat /-merkeillä erotettuna seuraavassa järjestyksessä:

* <tt>grid-row-start</tt>