Style alignItems egenskab

definition og brug

alignItems egenskab definerer standardjusteringen for projekter i en elastisk beholder.

hint:brug hver align-self egenskab for at overlejre align-items egenskab.

eksempel

placér alle projekter i det elastiske <div>-element i beholderens begyndelse:

document.getElementById("main").style.alignItems = "flex-start";

prøv det selv

syntaks

return alignItems egenskab:

object.style.alignItems

sæt alignItems egenskab:

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

egenskabsværdi

værdi beskrivelse
stretch standard. Elementerne strækkes for at passe til beholderen.
center elementerne placeres i beholderens midte.
flex-start elementerne placeres i beholderens begyndelse.
flex-end elementerne placeres i beholderens ende.
baseline elementerne placeres på beholderens baselinje.
initial sæt denne egenskab til dens standardværdi. Se initial.
inherit arver denne egenskab fra sin forældrelige element. Se inherit.

tekniske detaljer

standardværdi: stretch
tilbageværdi: streng, der angiver elementets align-items egenskab.
CSS version: CSS3

browser understøttelse

alignItems er en CSS3 (1999) funktion.

alle browsere understøtter det fuldt ud:

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

relaterede sider

CSS referenceralign-items egenskab

HTML DOM STYLE reference manual:alignContent egenskab

HTML DOM STYLE reference manual:alignSelf egenskab