Style alignSelf ominaisuus

Määrittely ja käyttö

alignSelf Ominaisuus määrittelee joustavan konttorin sisällä valittujen kohteiden kohdistuksen.

Huomautus:alignSelf ominaisuus korvaa joustavan konttorin alignItems -ominaisuus.

Esimerkki

Aseta joustavien elementtien sisäisen yhden kohdan kohdistus tukemaan konttoria:

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

Kokeile itse

Syntaksi

Palauta alignSelf ominaisuus:

object.style.alignSelf

Aseta alignSelf ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
auto Oletus. Elementti perii vanhempiensa align-items ominaisuuden, jos ei ole vanhempaa konttoria, niin "stretch".
stretch Elementti venytetään sopimaan konttorin kanssa.
center Elementti sijaitsee konttorin keskellä.
flex-start Elementti sijaitsee konttorin alussa.
flex-end Elementti sijaitsee konttorin lopussa.
baseline Elementti sijaitsee konttorin tasolla.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkkijono, joka ilmaisee elementin align-self ominaisuus.
CSS versio: CSS3

Selaimen tuki

alignItems Se on CSS3 (1999) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tukee Tukee Tukee Tukee Tukee 11

Liittyvät sivut

CSS viittausopas:align-self ominaisuus

HTML DOM STYLE -viittausopas:alignContent -ominaisuus

HTML DOM STYLE -viittausopas:alignItems -ominaisuus