CSS align-self egenskap

Definition och användning

align-self egenskap specificerar hur ett valt objekt i den elastiska kontconten ska justeras.

Observera:alignSelf egenskapen överväger den elastiska kont容arens align-items egenskap.

Se också:

CSS tutorial:CSS Grid

CSS tutorial:CSS Flexbox

CSS referenshandbok:alignContent egenskap

CSS referenshandbok:alignItems egenskap

CSS referenshandbok:justifySelf egenskap

HTML DOM referenshandbok:alignSelf egenskap

Exempel

Centrera en av projekt i den elastiska elementen:

#myBlueDiv {
  align-self: center;
}

Prova själv

CSS-syntax

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Standard. Elementet ärvs från sitt föräldrakont容ers align-items egenskap, om det inte finns något föräldrakont, är det "stretch".
stretch Elementet sträcks för att anpassa sig till kont容ern.
center Elementet ligger i kont容器的 mitt.
flex-start Elementet ligger vid kont容器的 början.
flex-end Elementet ligger vid kont容器的 ände.
baseline Elementet placeras på kont容器的 baslinje.
initial Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit Får denna egenskap från sin föräldrelement. Se till: inherit.

Tekniska detaljer

Standardvärde: auto
Ärvning: Nej
Animeringsproduktion: Stöds inte. Se till:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.alignSelf="center"

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0