CSS grid-columns ominaisuus
Selaimen tuki
Tällä hetkellä mikään selain ei tue grid-columns.
Määrittely ja käyttö
grid-columns-ominaisuus määrittää jokaisen ruudukon sarakkeen leveys.
Vinkki:Verkkosivujen suunnittelijoille verkkosuunnittelujärjestelmä on erittäin arvokas. Nyt samat muutokset on sovellettu verkkosisältöihin. Verkkosuunnittelujärjestelmän ominaisuudet tarjoavat kyvyn säätää otsikkojen, tekstin ja kuvien kokoa ja sijaintia joustavassa ruudukossa.
Esimerkki
Lisää yksi ruudukkorivi div-elementin keskelle, lisää toinen 200 kuvapisteen etäisyydellä oikealle reunasta ja toinen keskelle jäljelle jäävää tilaa:
div
{
grid-columns:50% * * 200px;
}
CSS-kieli
grid-columns: pituus|%|ei mitään|perinnäinen;
Ominaisuusarvo
| Arvo | Kuvaus |
|---|---|
| pituus | Viittaa sisällytetyn lohkon ruudukkoon. |
| % | Viittaa sisällytetyn lohkon leveys. |
| ei ole | |
| perinnäinen |
Tekninen yksityiskohta
| Oletusarvo: | ei ole |
|---|---|
| Perinnäisyys: | ei |
| Versio: | CSS3 |
| JavaScript kieli: | object.style.gridColumns="50% * * 200px" |
