Beispiel
Stellen Sie die Ausrichtungen für eines der Elemente in einem flexiblen Element, den Behälter zu passen:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Versuch es selber " Definition und Verwendung
Die alignSelf Eigenschaft gibt die Ausrichtung für das ausgewählte Element im Inneren des flexiblen Behälters.
Note: Die alignSelf Eigenschaft überschreibt die flexible alignItems Eigenschaft des Containers.
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 | |||||
|---|---|---|---|---|---|
| alignSelf | 21.0 | 11.0 | 20,0 | 7.0 Webkit | 12.1 |
Hinweis: Safari eine Alternative unterstützen, die WebkitAlignSelf Eigenschaft.
Syntax
Bringen Sie die alignSelf Eigenschaft:
object .style.alignSelfStellen Sie die alignSelf Eigenschaft:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| auto | Standard. Das Element erbt seine geordneten Container des Align-Eigenschaft Items oder "stretch" , wenn es keinen übergeordneten Container hat |
| stretch | Das Element ist positioniert, um die conatiner zu passen |
| center | Das Element ist in der Mitte des Behälters positioniert |
| flex-start | Das Element ist am Anfang des Behälters positioniert |
| flex-end | Das Element ist am Ende des Behälters positioniert |
| baseline | Das Element ist an der Grundlinie des Behälters positioniert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | Auto |
|---|---|
| Rückgabewert: | Ein String, repräsentiert das ALIGN-self Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: align-self property - align-self property
HTML - DOM - ART - Referenz: alignContent property
HTML - DOM - ART - Referenz: alignItems property
<Style - Objekt