Style alignSelf egenskap

Definition och användning

alignSelf Egenskapen definierar justeringen för det valda elementet inom den elastiska behållaren.

Kommentar:alignSelf egenskapen överväger den elastiska behållarens alignItems-egenskap.

Exempel

Ställ in justering för ett av de elastiska elementen för att passa behållaren:

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

Prova själv

Syntax

Returnera alignSelf egenskap:

object.style.alignSelf

Ställ in alignSelf egenskap:

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

Egenskapsvärde

Värde Beskrivning
auto Standard. Elementet ärver behållarens align-items egenskap, om det inte finns någon föräldralåda, är det "stretch".
stretch elementet sträcks för att passa behållaren.
center elementet ligger i behållarens mitt.
flex-start elementet ligger på behållarens början.
flex-end elementet ligger på behållarens slut.
baseline elementet ligger på behållarens baslinje.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följande egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: sträng, som anger elementets align-self egenskap.
CSS version: CSS3

Webbläsarstöd

alignItems är en CSS3 (1999) egenskap.

Alla webbläsare stöder det fullt ut:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Stödjer Stödjer Stödjer Stödjer Stödjer 11

Relaterade sidor

CSS referenshandbok:align-self egenskap

HTML DOM STYLE-referenshandbok:alignContent-egenskap

HTML DOM STYLE-referenshandbok:alignItems-egenskap