CSS grid-columns-attribut

  • Föregående sida
  • Nästa sida

Webbläsarstöd

För närvarande stöds inte grid-columns av några webbläsare.

Definition och användning

grid-columns-attributet anger bredden på varje kolumn i nätverket.

Tips:Användning av nätverkssystemet har stor värde för tryckdesigners. Nu tillämpas samma förändringar på onlineinnehåll. Nätverksattributen erbjuder förmågan att justera storlek och position av rubriker, text och bilder i en skalbar nätverksstruktur.

Exempel

Lägg till en nätverksrad i mitten av div-elementet, lägg till en annan 200 pixlar från höger, och lägg till en annan i mitten av den återstående ytan:

div
{
grid-columns:50% * * 200px;
}

CSS-syntax

grid-columns: längd|%|none|inherit;

Egenskapsvärde

Värde Beskrivning
längd Referera till nätverket för innehållsblocket.
% Referera till bredden på innehållsblocket.
none
inherit

Tekniska detaljer

Standardvärde: none
Arvbarhet: no
Version: CSS3
JavaScript-syntax: object.style.gridColumns="50% * * 200px"
  • Föregående sida
  • Nästa sida