mozilla

Compare Revisions

flex-grow

Change Revisions

Revision 303509:

Revision 303509 by FredB on

Revision 317101:

Revision 317101 by teoli on

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

Revision 303509
Revision 317101
n10    <p>n
11      {{ SeeCompatTable() }}
12    </p>
n19    <p>n
20      <nobr>&lt;style type="text/css"&gt;<!--[CDATA[.cssprop {
21  display:table;
22  padding: 0.4em;
23  border-left:0.15em solid;
24  background-color:#eeeeff
25}
26.cssprop li {
27 display:table-row;
28 padding: 3px;
29 margin:0;
30}
31.cssprop li dfn {
32  display:table-cell;
33  padding: 0 5px;
34  border-bottom: none;
35  cursor:inherit;
36}
37 
38 
39 
40 
41 
42 
43 
44]]-->&lt;/style&gt;</nobr>
45    </p>
n48        <nobr><dfn>{{ Xref_cssinitial() }}</dfn><code>0</code></nn18        <dfn>{{ Xref_cssinitial() }}</dfn><code>0</code>
>obr> 
49      </li>
50      <li>19      </li>
51        <nobr><dfn>Applies to</dfn> flex items</nobr>
52      </li>20      <li>
21        <dfn>Applies to</dfn> flex items
53      <li>22      </li>
54        <nobr><dfn>{{ Xref_cssinherited() }}</dfn> no</nobr>
55      </li>23      <li>
24        <dfn>{{ Xref_cssinherited() }}</dfn> no
56      <li>25      </li>
57        <nobr><dfn>Media</dfn> {{ Xref_cssvisual() }}</nobr>
58      </li>26      <li>
27        <dfn>Media</dfn> {{ Xref_cssvisual() }}
59      <li>28      </li>
29      <li>
60        <nobr><dfn>{{ Xref_csscomputed() }}</dfn> as specified</n30        <dfn>{{ Xref_csscomputed() }}</dfn> as specified
>obr> 
n64      &nbsp;n
65    </p>
66    <p>
67      <nobr>See&nbsp;<a href="/en/CSS/Using_CSS_flexible_boxes" t34      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.
n70      <nobr>Syntax</nobr>n37      Syntax
n73<nobr>Formal grammar: &lt;number&gt;n40Formal syntax: &lt;number&gt;
74</nobr>
n77<nobr>flex-grow: <em>value</em>n43flex-grow: <em>value</em>
78</nobr>
n94    <pre>n59    <pre class="brush:css;highlight:[2]">
n104        <tr style="background-color: rgb(255, 204, 255);">n69        <tr>
nn98    <h2 id="Browser_compatibility">
99      Browser compatibility
133    <p>100    </h2>
134      {{ page{path: "/en/CSS/Using_CSS_flexible_boxes", section: 
>"Browser compatibility"} }} 
135    </p>101    <p>
102      {{ CompatibilityTable() }}
103    </p>
104    <div id="compat-desktop">
105      <table class="compat-table">
106        <tbody>
107          <tr>
108            <th>
109              Feature
110            </th>
111            <th>
112              Firefox (Gecko)
113            </th>
114            <th>
115              Chrome
116            </th>
117            <th>
118              Internet Explorer
119            </th>
120            <th>
121              Opera
122            </th>
123            <th>
124              Safari
125            </th>
126          </tr>
127          <tr>
128            <td>
129              Basic support
130            </td>
131            <td>
132              {{ CompatGeckoDesktop("18.0") }} (behind a pref)
133            </td>
134            <td>
135              21.0{{ property_prefix("-webkit") }}
136            </td>
137            <td>
138              {{ CompatNo() }}
139            </td>
140            <td>
141              {{ CompatNo() }}
142            </td>
143            <td>
144              {{ CompatNo() }}
145            </td>
146          </tr>
147        </tbody>
148      </table>
149    </div>
150    <div id="compat-mobile">
151      <table class="compat-table">
152        <tbody>
153          <tr>
154            <th>
155              Feature
156            </th>
157            <th>
158              Firefox Mobile (Gecko)
159            </th>
160            <th>
161              Android
162            </th>
163            <th>
164              IE&nbsp;Phone
165            </th>
166            <th>
167              Opera Mobile
168            </th>
169            <th>
170              Safari Mobile
171            </th>
172          </tr>
173          <tr>
174            <td>
175              Basic support
176            </td>
177            <td>
178              {{ CompatUnknown() }}
179            </td>
180            <td>
181              {{ CompatUnknown() }}
182            </td>
183            <td>
184              {{ CompatNo() }}
185            </td>
186            <td>
187              {{ CompatNo() }}
188            </td>
189            <td>
190              {{ CompatNo() }}
191            </td>
192          </tr>
193        </tbody>
194      </table>
195    </div>
tt199    <ul>
200      <li>
201        <a href="/en-US/docs/CSS/Using_CSS_flexible_boxes" title=
 >"/en-US/docs/CSS/Using_CSS_flexible_boxes">Using CSS flexible box
 >es</a>
202      </li>
203      <li>{{ CSS_Reference:FlexBox() }}
204      </li>
205    </ul>

Back to History