CSS grid-columns-eigenschap
Browserondersteuning
Er wordt momenteel geen browser ondersteuning voor grid-columns.
Definitie en gebruik
De grid-columns-eigenschap bepaalt de breedte van elke kolom in het raster.
Tip:Het gebruik van het rasterstelsel heeft een巨大的waarde voor printontwerpers. Nu wordt dezelfde verandering toegepast op online inhoud. De raster-eigenschappen bieden de mogelijkheid om de grootte en positie van titels, tekst en afbeeldingen aan te passen in een schaalbaar raster.
Voorbeeld
Voeg een rasterrij toe in het midden van het div-element, voeg er een andere toe op 200 pixels van de rechterkant, en voeg er nog een toe in het midden van de overige ruimte:
div
{
grid-columns:50% * * 200px;
}
CSS syntaxis
grid-columns: length|%|none|inherit;
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| length | Raak de raster van de opgenomen blokken. |
| % | Raak de breedte van de opgenomen blokken. |
| geen | |
| inherit |
Technische details
| Standaardwaarde: | geen |
|---|---|
| Inheritance: | nee |
| Versie: | CSS3 |
| JavaScript syntaxis: | object.style.gridColumns="50% * * 200px" |
