CSS3 box-flex プロパティ
 完全な CSS3 リファレンス
例
Define two flexible p elements.
If the parent box has a total width of 300px, #p1 will have a width of 100px, and
#p2 will have a width of 200px:
#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
box-flex:2.0;
border:1px solid blue;
} |
Try it yourself »
|
ブラウザ・サポート
box-flex プロパティをサポートしているブラウザはありません。
Firefox supports an alternative, the -moz-box-flex property.
Safari and Chrome support an alternative, the -webkit-box-flex property.
定義と用法
box-flex property specifies whether the child elements of a box is
flexible or inflexible in size.
チップ: Elements that are flexible can shrink or grow as the box shrinks
and grows. Whenever there is extra space in a box, flexible elements are
expanded to fill that space.
| デフォルト値: |
0.0 (indicates that the element is inflexible) |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.boxFlex=2.0 |
構文
| 値 |
説明 |
| value |
The flexibility of the element. All flex is relative, e.g. a child with
a box-flex of 2 is twice as flexible as a child with a box-flex of 1 |
完全な CSS3 リファレンス
|