CSS fleks-basis egenskab

Definition og brug

flex-basis egenskab definerer den oprindelige længde af det elastiske element.

Kommentar:Hvis elementet ikke er et elastisk element, er flex egenskaben ugyldig.

Se også:

CSS tutorial: CSS elastisk ramme

CSS referencehåndbog:flex egenskab

CSS referencehåndbog:flex-direction egenskab

CSS referencehåndbog:flex-flow egenskab

CSS referencehåndbog:flex-grow egenskab

CSS referencehåndbog:flex-shrink egenskab

CSS referencehåndbog:flex-wrap egenskab

HTML DOM referencehåndbog:flexBasis egenskab

Eksempel

Sæt den oprindelige længde af den anden elastiske enhed til 100 pixels:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Prøv det selv

CSS syntaks

flex-basis: number|auto|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
number Længdeenhed eller procentdel, der angiver den oprindelige længde af det elastiske element.
auto Standardværdi. Længden er lig med længden af det elastiske element. Hvis elementet ikke er defineret med en længde, vil længden være baseret på indholdet.
initial Sæt denne egenskab til dens standardværdi. Se også initial.
inherit Arv denne egenskab fra sin forælderelement. Se også inherit.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation laver: Understøttet. Se også:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.flexBasis="200px"

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- som præfiks indikerer den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0