Najnowsze tutoriale tworzenie stron internetowych
 

Style alignItems Property

<Style obiektu

Przykład

Ustawić wyrównania dla wszystkich pozycji elastycznej <div> elementu na początku pojemnika:

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

// Standard syntax
document.getElementById("main").style.alignItems = "flex-start";
Spróbuj sam "

Definicja i Wykorzystanie

Nieruchomość alignItems określa ustawienie domyślne dla elementów wewnątrz elastycznego pojemnika.

Tip: Użyj właściwość align-samodzielne każdego elementu, aby zastąpić własność ALIGN-przedmiotów.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Numery obserwowani przez Webkit określić pierwszą wersję, która pracowała z prefiksem.

Nieruchomość
alignItems 21,0 11,0 20,0 7,0 Webkit 12,1

Uwaga: Safari wspierać alternatywę, właściwość WebkitAlignItems.


Składnia

Zwraca właściwość alignItems:

object .style.alignItems

Ustaw właściwość alignItems:

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

wartości nieruchomości

Wartość Opis
stretch Zaniedbanie. Elementy są rozciągane pojemnik
center Elementy są umieszczone w środku pojemnika
flex-start Elementy są umieszczone na początku pojemnika
flex-end Elementy są umieszczone na końcu pojemnika
baseline Elementy są umieszczone na początku badania pojemnika
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: rozciągać
Zwracana wartość: Ciąg, stanowiących własność ALIGN-pozycji elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: align-items property

HTML DOM STYL referencyjny: alignContent property

HTML DOM STYL referencyjny: alignSelf property


<Style obiektu