Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style flexDirection недвижимость

Стиль Ссылка на объект Стиль Объекты

примеров

Перестановка элемент внутренней <div> в направлении гибкого проекта:

document.getElementById("main").style.flexDirection="column-reverse";

Попробуйте »

Определение и использование

flexDirection наборов свойств или возвращает направление гибкого проекта.

Примечание: Если элемент не гибкие элементы, flexDirection свойство не работает.

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera и Chrome поддерживают свойство flexDirection.

грамматика

Назад свойства flexDirection:

object .style.flexDirection

Настройка свойств flexDirection:

object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"

Значение свойства

值 描述
row 默认值。灵活的项目将水平显示，正如一个行一样。
row-reverse 与 row 相同，但是以相反的顺序。
column 灵活的项目将垂直显示，正如一个列一样。
column-reverse 与 column 相同，但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

технические детали

По умолчанию: строка
Возвращает: Строка, представляющая элемент свойства Flex-направления.
версия CSS CSS3

Статьи по Теме

CSS Справочное руководство: Flex-направление недвижимости

HTML DOM СТАЙЛ Справка: Flex Properties

HTML DOM СТИЛЬ Ссылка: flexBasis недвижимость

HTML DOM СТИЛЬ Ссылка: FlexFlow недвижимость

HTML DOM СТИЛЬ Ссылка: flexGrow недвижимость

HTML DOM СТИЛЬ Ссылка: flexShrink недвижимость

HTML DOM СТИЛЬ Ссылка: flexWrap недвижимость

Стиль Ссылка на объект Стиль Объекты