Przykład
Wyśrodkować wyrównania dla jednej z pozycji wewnątrz elastyczny element:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość align-self określa wyrównanie dla wybranego elementu wewnątrz elastycznego pojemnika.
Note: Właściwość align-self nadpisuje ALIGN-składników majątkowych elastyczny pojemnik jest.
| Domyślna wartość: | auto |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.alignSelf="center" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby obserwowani przez -webkit- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| align-self | 21,0 | 11,0 | 20,0 | 9,0 7,0 -webkit- | 12,1 |
Składnia CSS
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| auto | Zaniedbanie. Element dziedziczy ALIGN-pozycji rzeczowych jego rodzica kontenera lub "stretch" jeżeli nie ma kontenera nadrzędnego | Graj " |
| stretch | Element ten jest umieszczony w celu dopasowania do pojemnika | Graj " |
| center | Element ten jest umieszczony w środku pojemnika | Graj " |
| flex-start | Element jest umieszczone są na początku pojemniku | Graj " |
| flex-end | Element ten jest umieszczony na końcu pojemnika | Graj " |
| baseline | Element ten jest umieszczony na początku badania pojemnika | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
CSS: align-items property
HTML DOM referencyjny: alignSelf property