mozilla

Compare Revisions

flex-direction

Change Revisions

Revision 7468:

Revision 7468 by FredB on

Revision 294048:

Revision 294048 by teoli on

Title:
flex-direction
flex-direction
Slug:
CSS/flex-direction
CSS/flex-direction
Tags:
css, "CSS Reference"
"css", "CSS Reference"
Content:

Revision 7468
Revision 294048
n21        <nobr><dfn>{{ Xref_cssinitial() }}:</dfn> {{ Cssxref("rown21        <dfn>{{ Xref_cssinitial() }}:</dfn> {{ Cssxref("row") }}
>") }}</nobr> 
22      </li>
23      <li>22      </li>
24        <nobr><dfn>Applies to:</dfn> flex containers</nobr>
25      </li>23      <li>
24        <dfn>Applies to:</dfn> flex containers
26      <li>25      </li>
27        <nobr><dfn>{{ Xref_cssinherited() }}:</dfn> no</nobr>
28      </li>26      <li>
27        <dfn>{{ Xref_cssinherited() }}:</dfn> no
29      <li>28      </li>
30        <nobr><dfn>Media:</dfn> {{ Xref_cssvisual() }}</nobr>
31      </li>29      <li>
30        <dfn>Media:</dfn> {{ Xref_cssvisual() }}
32      <li>31      </li>
32      <li>
33        <nobr><dfn>{{ Xref_csscomputed() }}:</dfn> as specified</33        <dfn>{{ Xref_csscomputed() }}:</dfn> as specified
>nobr> 
n37      <nobr>See&nbsp;<a href="/en/CSS/Using_CSS_flexible_boxes" tn37      See&nbsp;<a href="/en/CSS/Using_CSS_flexible_boxes" title="
>itle="/en/CSS/Using_CSS_flexible_boxes">Using CSS flexible boxes<>/en/CSS/Using_CSS_flexible_boxes">Using CSS flexible boxes</a>&nb
>/a>&nbsp;for more properties and information.</nobr>>sp;for more properties and information.
n40      <nobr>Syntax</nobr>n40      Syntax
n43<nobr>Formal grammar: &lt;flex-direction&gt; n43Formal grammar: &lt;flex-direction&gt; 
n45</nobr>n
n48<nobr>flex-direction: <em>row | row-reverse | column | column-revn47flex-direction: <em>row | row-reverse | column | column-reverse</
>erse</em>>em>
49</nobr>
n91    <h2 id="Specifications" name="Specifications">n89    <h2 id="Specifications">
n96        <tr style="background-color: rgb(255, 204, 255);">n94        <tr>
97          <th scope="col">95          <th>
n100          <th scope="col">n98          <th>
n103          <th scope="col">n101          <th>
n111            <a class="external" href="http://dev.w3.org/csswg/cssn109            {{ SpecName('CSS3 Flexbox', '#flex-direction', 'flex-
>3-flexbox/#flex-direction" title="http://dev.w3.org/csswg/css3-fl>direction') }}
>exbox/#flex-direction">CSS Flexible Box Layout Module</a> 
t126      {{ page{path: "/en/CSS/Using_CSS_flexible_boxes", section: t124      {{ CompatibilityTable() }}
>"Browser compatibility"} }} 
125    </p>
126    <div id="compat-desktop">
127      <table class="compat-table">
128        <tbody>
129          <tr>
130            <th>
131              Feature
132            </th>
133            <th>
134              Firefox (Gecko)
135            </th>
136            <th>
137              Chrome
138            </th>
139            <th>
140              Internet Explorer
141            </th>
142            <th>
143              Opera
144            </th>
145            <th>
146              Safari
147            </th>
148          </tr>
149          <tr>
150            <td>
151              Basic support
152            </td>
153            <td>
154              {{ CompatUnknown() }}
155            </td>
156            <td>
157              21.0{{ property_prefix("-webkit") }}
158            </td>
159            <td>
160              {{ CompatUnknown() }}
161            </td>
162            <td>
163              {{ CompatUnknown() }}
164            </td>
165            <td>
166              {{ CompatUnknown() }}
167            </td>
168          </tr>
169        </tbody>
170      </table>
127    </p>171    </div>
172    <div id="compat-mobile">
173      <table class="compat-table">
174        <tbody>
175          <tr>
176            <th>
177              Feature
178            </th>
179            <th>
180              Firefox Mobile (Gecko)
181            </th>
182            <th>
183              Android
184            </th>
185            <th>
186              IE&nbsp;Phone
187            </th>
188            <th>
189              Opera Mobile
190            </th>
191            <th>
192              Safari Mobile
193            </th>
194          </tr>
195          <tr>
196            <td>
197              Basic support
198            </td>
199            <td>
200              {{ CompatUnknown() }}
201            </td>
202            <td>
203              {{ CompatUnknown() }}
204            </td>
205            <td>
206              {{ CompatUnknown() }}
207            </td>
208            <td>
209              {{ CompatUnknown() }}
210            </td>
211            <td>
212              {{ CompatUnknown() }}
213            </td>
214          </tr>
215        </tbody>
216      </table>
217    </div>

Back to History