Style alignItems ominaisuus

Määritelmä ja käyttö

alignItems Ominaisuus määrittelee joustavan konttorin sisällä olevien projektien oletuskohdistuksen.

Vinkki:Käytä jokaisen projektin align-self ominaisuus korvata align-items ominaisuus.

Esimerkki

Aseta joustavan <div>-elementin kaikkien projektien kohdistus konttorin alkuun:

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

Kokeile itse

Syntaksi

Palauta alignItems ominaisuus:

object.style.alignItems

Aseta alignItems ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
stretch Oletus. Elementit venytetään sopimaan konttorin koko.
center Elementit sijaitsevat konttorin keskellä.
flex-start Elementit sijaitsevat konttorin alussa.
flex-end Elementit sijaitsevat konttorin lopussa.
baseline Elementit sijoitetaan konttorin peruslinjaan.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi isäntäelementistä tämän ominaisuuden. Katso inherit.

Tekninen tarkistus

Oletusarvo: stretch
Palautusarvo: Merkkijono, joka ilmaisee elementin align-items ominaisuus.
CSS versioona: CSS3

Selaimen tuki

alignItems Se on CSS3 (1999) ominaisuus.

Kaikki selaimet tukevat täysin sitä:

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

Liittyvät sivut

CSS viittausopas:align-items ominaisuus

HTML DOM STYLE -viittausalignContent-ominaisuus

HTML DOM STYLE -viittausalignSelf-ominaisuus