Style alignSelf egenskab
- Forrige side alignItems
- Næste side animation
- Gå tilbage til overordnede HTML DOM Style Object
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";
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
- Forrige side alignItems
- Næste side animation
- Gå tilbage til overordnede HTML DOM Style Object