Style alignItems Eigenschaft

Definition und Verwendung

alignItems Eigenschaft legt die Standardausrichtung der Elemente in einem flexiblen Container fest.

Hinweis:Verwenden Sie jede Projekt- align-self Eigenschaft um zu überschreiben align-items Eigenschaft.

Beispiel

Positionieren Sie alle Elemente des flexiblen <div>-Elements am Anfang des Containers ausrichten:

document.getElementById("main").style.alignItems = "flex-start";

Probieren Sie es selbst aus

Syntax

Rückgabe der alignItems Eigenschaft:

object.style.alignItems

Setzen Sie die alignItems Eigenschaft:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Eigenschaftswert

Wert Beschreibung
stretch Standard. Das Element wird gestreckt, um den Container zu füllen.
center Das Element befindet sich in der Mitte des Containers.
flex-start Das Element befindet sich am Anfang des Containers.
flex-end Das Element befindet sich am Ende des Containers.
baseline Das Element wird in die Baseline des Containers positioniert.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: stretch
Rückgabewert: Zeichenkette, die den align-items Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

alignItems ist eine CSS3 (1999) Eigenschaft.

Alle Browser unterstützen es vollständig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
unterstützt unterstützt unterstützt unterstützt unterstützt 11

Verwandte Seiten

CSS Referenzhandbuch:align-items Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignContent-Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignSelf-Eigenschaft