Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style alignSelf Property

<Style Object

пример

Установите для выравнивания одного из элементов внутри гибкого элемента, чтобы соответствовать контейнер:

// 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