CSS flex-basis Eigenschaft

Definition und Verwendung

Die flex-basis-Eigenschaft legt die ursprüngliche Länge des flexiblen Elements fest.

Anmerkung:Wenn das Element kein flexibles Element ist, ist die flex-Eigenschaft ungültig.

CSS-Tutorial: CSS Flexbox

CSS Referenzhandbuch:flex-Eigenschaft

HTML DOM Referenzhandbuch:flexBasis-Eigenschaft

Setzen Sie die ursprüngliche Länge des zweiten flexiblen Elements auf 100 Pixel:

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

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

Wert	Beschreibung
number	Längenmaß oder Prozentsatz, der die ursprüngliche Länge des flexiblen Elements festlegt.
auto	Standardwert. Die Länge entspricht der Länge des flexiblen Elements. Wenn die Länge dieses Elements nicht festgelegt ist, wird die Länge basierend auf seinem Inhalt festgelegt.
initial	Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe initial.
inherit	Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Standardwert:	auto
Vererbung:	Nein
Animationserstellung:	Unterstützt. Siehe:Animationseigenschaften.
Version:	CSS3
JavaScript-Syntax:	object.style.flexBasis="200px"

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit- oder -moz- als Präfix stellen die erste Version dar, die das Präfix verwendet.

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