Przykład
Ustawianie wyrównania do jednej z pozycji wewnątrz elementu elastycznego pojemnika pasują do:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość alignSelf określa wyrównanie dla wybranego elementu wewnątrz elastycznego pojemnika.
Note: Właściwość alignSelf nadpisuje własność alignItems elastyczny pojemnik jest.
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ść | |||||
|---|---|---|---|---|---|
| alignSelf | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12,1 |
Uwaga: Safari wspierać alternatywę, właściwość WebkitAlignSelf.
Składnia
Zwraca właściwość alignSelf:
object .style.alignSelfUstaw właściwość alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| auto | Zaniedbanie. Element dziedziczy ALIGN-pozycji rzeczowych jego rodzica kontenera lub "stretch" jeśli nie ma kontenera nadrzędnego |
| stretch | Element ten jest umieszczony w celu dopasowania do conatiner |
| center | Element ten jest umieszczony w środku pojemnika |
| flex-start | Element jest są umieszczone na początku pojemnika |
| flex-end | Element ten jest umieszczony na końcu pojemnika |
| baseline | Element ten jest umieszczony 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ść: | automatyczny |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność align-samodzielne elementu |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: align-self property
HTML DOM STYL referencyjny: alignContent property
HTML DOM STYL referencyjny: alignItems property
<Style obiektu