Stil alignSelf- Eigenschaft
Beispiel
Legen Sie die Ausrichtungen für eines der Elemente in einem flexiblen Element so fest, dass es in den Container passt:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
Definition und Verwendung
Die Eigenschaft alignSelf gibt die Ausrichtung für das ausgewählte Element innerhalb des flexiblen Containers an.
Hinweis: Die Eigenschaft alignSelf überschreibt die Eigenschaft alignItems des flexiblen Containers.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Webkit geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
alignSelf | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Syntax
Geben Sie die alignSelf-Eigenschaft zurück:
object.style.alignSelf
Legen Sie die alignSelf-Eigenschaft fest:
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | Default. The element inherits its parent container's align-items property, or "stretch" if it has no parent container |
stretch | The element is positioned to fit the conatiner |
center | The element is positioned at the center of the container |
flex-start | The element is are positioned at the beginning of the container |
flex-end | The element is positioned at the end of the container |
baseline | The element is positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die align-self-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: align-self-Eigenschaft
HTML-DOM-STIL Referenz: alignContent-Eigenschaft
HTML-DOM-STIL Referenz: alignItems-Eigenschaft