Ultimele tutoriale de dezvoltare web
 

Style alignItems Property

<Style Object

Exemplu

Poziționați alinierile pentru toate elementele de flexibil <div> elementul la începutul containerului:

// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";

// Standard syntax
document.getElementById("main").style.alignItems = "flex-start";
Încearcă - l singur »

Definiție și utilizare

Proprietatea alignItems specifica alinierea implicită pentru elementele din interiorul containerului flexibil.

Tip: Utilizați proprietatea Align auto a fiecărui element pentru a trece peste proprietatea Align-elemente.

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.

Numerele urmate de Webkit specifica prima versiune care a lucrat cu un prefix.

Proprietate
alignItems 21.0 11.0 20.0 7.0 Webkit 12.1

Notă: Safari susține o alternativă, proprietatea WebkitAlignItems.

Sintaxă

Întoarcere proprietatea alignItems:

object .style.alignItems

Setați proprietatea alignItems:

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

Valori de proprietate

Valoare Descriere
stretch Mod implicit. Elementele sunt întinse pentru a se potrivi containerului
center Elementele sunt poziționate în centrul containerului
flex-start Elementele sunt poziționate la începutul containerului
flex-end Elementele sunt poziționate la capătul containerului
baseline Elementele sunt poziționate la linia de bază a containerului
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: întinde
Întoarcere Valoare: Un șir, care reprezintă proprietatea align-elemente ale unui element
CSS Versiune CSS3

Pagini similare

Referință CSS: align-items property de align-items property

HTML DOM STYLE Referinta: alignContent property

HTML DOM STYLE Referinta: alignSelf property

<Style Object