CSS - align-self
Die align-self Eigenschaft gibt die Ausrichtung für das ausgewählte Element innerhalb eines flex Containers an.
Beispiel
div {
align-self: center;
}
Definition und Verwendung
- Standard Wert:
- auto
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-align-self
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| auto | Standard. Das Element erbt vom übergeordneten Container die align-Eigenschaft oder "stretch", wenn es keinen übergeordneten Container gibt. |
| baseline | Das Element wird an der Grundlinie des Behälters positioniert. |
| center | Das Element ist in der Mitte des Behälters positioniert. |
| flex-end | Das Element wird am Ende des Behälters positioniert. |
| flex-start | Das Element wird zu Beginn des Behälters positioniert. |
| stretch | Das Element ist so angeordnet, um in den Behälter zu passen. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |