CSS align-self Свойство
Пример
Центрировать трассы для одного из элементов внутри гибкого элемента:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Определение и использование
Свойство align-self задает выравнивание для выбранного элемента внутри гибкого контейнера.
Примечание: align-selfсвойство переопределяет свойство выравнивания элементов гибкого контейнера.
| Значение по умолчанию: | Автоматизация |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.alignSelf="center" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют-WebKit-укажите первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- |
12.1 |
Синтаксис CSS
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
Значения свойств
| Значение | Описание | ||
|---|---|---|---|
| auto | По умолчанию. Элемент наследует свойство выравнивания элементов родительского контейнера или "Stretch", если у него нет родительского контейнера | ||
| stretch | Элемент располагается в соответствии с контейнером | ||
| center | Элемент располагается в центре контейнера | ||
| flex-start | Элемент располагается в начале контейнера | ||
| flex-end | Элемент располагается в конце контейнера | ||
| baseline | Элемент располагается в базовой линии контейнера | ||
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | ||
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справка: align-content Свойство
CSS Справка: align-items Свойство
HTML DOM Справочник: alignSelf Свойство