Beispiel
Center, um die Ausrichtungen für eines der Elemente in einem flexiblen Element:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Versuch es selber " Definition und Verwendung
Die align-self-Eigenschaft gibt die Ausrichtung für das ausgewählte Element innerhalb des flexiblen Behälters.
Note: Die align-Selbst Eigenschaft überschreibt die flexible align-Elemente - Eigenschaft des Containers.
| Standardwert: | auto |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.alignSelf="center" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -webkit- geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| align-self | 21.0 | 11.0 | 20,0 | 9.0 7.0 -webkit- | 12.1 |
CSS-Syntax
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| auto | Standard. Das Element erbt der übergeordneten Container des align-Eigenschaft Items oder "stretch" , wenn es keinen übergeordneten Container hat | Spiel es " |
| stretch | Das Element ist so angeordnet, um den Behälter zu passen, | Spiel es " |
| center | Das Element ist in der Mitte des Behälters positioniert | Spiel es " |
| flex-start | Das Element wird am Anfang des Behälters positioniert | Spiel es " |
| flex-end | Das Element ist am Ende des Behälters positioniert | Spiel es " |
| baseline | Das Element ist an der Grundlinie des Behälters positioniert | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Referenz: align-content property
CSS Referenz: align-items property
HTML - DOM - Referenz: alignSelf property