СSS Свойство align-self
Пример
Выравнивание по центру для одного из пунтктов внутри гибкого элемента:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Редактор кода »
Определение и использование
Свойство align-self задает выравнивание для выбранного элемента внутри гибкого контейнера.
Примечание: Свойство align-self переопределяет гибкий контейнер свойства
align-items.
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | 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 | По умолчанию. Элемент наследует свойство align-items своего родительского контейнера, или "stretch", если он имеет родительский контейнер | Воспроизвести » |
| stretch | Элемент расположен так, чтобы соответствовать контейнеру | Воспроизвести » |
| center | Элемент расположен в центре контейнера | Воспроизвести » |
| flex-start | Элемент располагается в начале контейнера | Воспроизвести » |
| flex-end | Элемент расположен в конце контейнера | Воспроизвести » |
| baseline | Элемент располагается на базовой линии контейнера | Воспроизвести » |
| initial | Задает этому свойству значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные сраницы
CSS Справочник: align-content свойство
CSS Справочник: align-items свойство
HTML DOM справочник: alignSelf свойство
