Style alignSelf egenskab

definition og brug

alignSelf egenskaben definerer justeringen af det valgte element i den fleksible beholder.

Bemærkninger:alignSelf egenskab vil overskrive den fleksible beholderes alignItems egenskab.

eksempel

Indstil justering for et af de fleksible elementer for at tilpasse det til beholderen:

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

prøv det selv

syntaks

Returner alignSelf egenskab:

object.style.alignSelf

Indstil alignSelf egenskab:

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

egenskabsværdi

værdi beskrivelse
auto standard. Elementet arver sin forældreliges align-items egenskab, hvis der ikke er en forældrelig beholder, er det "stretch".
stretch elementet strækkes for at passe til beholderen.
center elementet befinder sig i beholderens midte.
flex-start elementet befinder sig på beholderens begyndelse.
flex-end elementet befinder sig på beholderens ende.
baseline elementet befinder sig på beholderens baselinje.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra sin forældrelige element. Se inherit.

tekniske detaljer

Standardværdi: auto
Returværdi: en streng, der repræsenterer elementets align-self egenskab.
CSS version: CSS3

browser understøttelse

alignItems er en CSS3 (1999) egenskab.

alle browsere understøtter det fuldt ud:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
understøtter understøtter understøtter understøtter understøtter 11

relaterede sider

CSS reference manual:align-self egenskab

HTML DOM STYLE referencehåndbog:alignContent egenskab

HTML DOM STYLE referencehåndbog:alignItems egenskab