Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

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

Andere Objekte

CSSStyleDeclaration

Style flexDirection Property

<Style - Objekt

Beispiel

Neuordnen der Richtung der flexiblen Elemente innerhalb des <div> Element:

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

Versuch es selber "

Definition und Verwendung

Die flexDirection Eigenschaftssätze oder gibt die Richtung der flexiblen Elemente.

Note: Wenn das Element nicht ein flexibles Element ist, die flexDirection Eigenschaft hat keine Auswirkungen.

Browser-Unterstützung

Die flexDirection Eigenschaft wird in IE10 +, Firefox, Opera und Chrome unterstützt.

Hinweis: Safari 6.1 und höher unterstützt eine Alternative, die WebkitFlexDirection Eigenschaft.

Syntax

Bringen Sie die flexDirection Eigenschaft:

object .style.flexDirection

Stellen Sie die flexDirection Eigenschaft:

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

Eigenschaftswerte

Wert	Beschreibung
row	Standardwert. Die flexiblen Elemente sind horizontal, als Zeile angezeigt
row-reverse	Das gleiche wie Zeile, aber in umgekehrter Reihenfolge
column	Die flexiblen Elemente sind vertikal dargestellt, als Säule
column-reverse	Das gleiche wie Spalte, aber in umgekehrter Reihenfolge
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert:	Reihe
Rückgabewert:	Ein String, die die Bieger Richtung Eigenschaft eines Elements
CSS Version	CSS3

Verwandte Seiten

CSS - Referenz: flex-direction property - flex-direction property

HTML - DOM - ART - Referenz: flex property - flex property

HTML - DOM - ART - Referenz: flexBasis property

HTML - DOM - ART - Referenz: flexFlow property - flexFlow property

HTML - DOM - ART - Referenz: flexGrow property

HTML - DOM - ART - Referenz: flexShrink property

HTML - DOM - ART - Referenz: flexWrap property

<Style - Objekt