Style Eigenschaft alignSelf

Definition und Verwendung

alignSelf Diese Eigenschaft legt die Ausrichtung der ausgewählten Elemente innerhalb eines flexiblen Containers fest.

Anmerkung:Die Eigenschaft alignSelf überschreibt die Eigenschaft align-items des flexiblen Containers alignItems-Eigenschaft.

Beispiel

Legen Sie die Ausrichtung für ein Element innerhalb eines flexiblen Elements fest, um den Container anzupassen:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft alignSelf:

object.style.alignSelf

Setzen Sie die Eigenschaft alignSelf:

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

Eigenschaftswert

Wert Beschreibung
auto Standard. Das Element erbt die Eigenschaft align-items des übergeordneten Containers, wenn kein übergeordneter Container vorhanden ist, dann "stretch".
stretch Das Element wird gestreckt, um den Container anzupassen.
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 befindet sich auf der Baseline des Containers.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem Elternelement geerbt. Siehe inherit.

Technische Details

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

Browserunterstützung

alignItems ist eine CSS3 (1999) Eigenschaft.

Wird von allen Browsern vollständig unterstützt:

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-self Eigenschaft

HTML DOM STYLE-Referenzhandbuch:alignContent-Eigenschaft

HTML DOM STYLE-Referenzhandbuch:alignItems-Eigenschaft