пример
Установите для выравнивания одного из элементов внутри гибкого элемента, чтобы соответствовать контейнер:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
Попробуй сам " Определение и использование
Свойство alignSelf определяет выравнивание для выбранного элемента внутри гибкого контейнера.
Note: Свойство alignSelf переопределяет свойство alignItems гибкого контейнера в.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Webkit указать первую версию, которая работала с префиксом.
Имущество | |||||
---|---|---|---|---|---|
alignSelf | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12,1 |
Примечание: Safari поддерживает альтернативный, свойство WebkitAlignSelf.
Синтаксис
Возвращает свойство alignSelf:
object .style.alignSelf
Установите свойство alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Значения свойств
Стоимость | Описание |
---|---|
auto | По умолчанию. Элемент наследует ALIGN-элементы Свойство родительского контейнера, или "stretch" , если он не имеет родительский контейнер |
stretch | Элемент позиционируется, чтобы соответствовать conatiner |
center | Элемент расположен в центре контейнера |
flex-start | Элемент расположен в начале контейнера |
flex-end | Элемент расположен на конце контейнера |
baseline | Элемент расположен на базовой линии контейнера |
initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
Значение по умолчанию: | авто |
---|---|
Возвращаемое значение: | Строка, представляющая ALIGN-само свойство элемента |
CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: align-self property
HTML DOM СТИЛЬ Ссылка: alignContent property
HTML DOM СТИЛЬ Ссылка: alignItems property
<Style Object