CSS flex-basis eigenschap

Definitie en gebruik

De flex-basis eigenschap bepaalt de initiële lengte van het elastische item.

Opmerking:Als het element geen elastisch item is, is de flex eigenschap ongeldig.

CSS referentiehandleiding:flex eigenschap

CSS referentiehandleiding:flex-direction eigenschap

CSS referentiehandleiding:flex-flow eigenschap

CSS referentiehandleiding:flex-grow eigenschap

CSS referentiehandleiding:flex-shrink eigenschap

CSS referentiehandleiding:flex-wrap eigenschap

HTML DOM referentiehandleiding:flexBasis eigenschap

Stel de initiële lengte van het tweede elastische item in op 100 pixels:

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

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

Waarde	Beschrijving
number	Lengte-eenheid of percentage, stelt de initiële lengte van het elastische item in.
auto	Standaardwaarde. De lengte is gelijk aan de lengte van het elastische item. Als dit item geen lengte heeft, wordt de lengte gebaseerd op de inhoud.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfgenaamd van de ouder element. Raadpleeg inherit.

Standaardwaarde:	auto
Inherits:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.flexBasis="200px"

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -webkit- of -moz- voorafgaand geven de eerste versie met voorvoegsel aan.

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