CSS align-self Property

Definition og brug

align-self egenskab specificerer placeringen af det valgte element inden for den elastiske kontainer.

Bemærk:alignSelf egenskab vil overskrive den elastiske kontainerens align-items egenskaber.

Se også:

CSS tutorial:CSS Grid

CSS tutorial:CSS Flexbox

CSS reference manual:alignContent egenskab

CSS reference manual:alignItems egenskab

CSS reference manual:justifySelf egenskab

HTML DOM reference manual:alignSelf egenskab

Eksempel

Centrer en af elementerne inden for den elastiske container:

#myBlueDiv {
  align-self: center;
}

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto Standard. Elementet arver sin forældrek容器的 align-items egenskab, hvis der ikke er en forældrek容器, er det "stretch".
stretch Elementet strækkes for at passe til containeren.
center Elementet befinder sig i containerens midte.
flex-start Elementet befinder sig ved containerens begyndelse.
flex-end Elementet befinder sig ved containerens ende.
baseline Elementet placeres på containerens baselinje.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arver denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation fremstilling: Ikke understøttet. Se venligst:Animationsrelaterede egenskaber.
Version: CSS3
JavaScript-syntaks: object.style.alignSelf="center"

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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