CSS3ボックスフレックスプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,属性の定義と指示,文法, について学習できます。
2つの可撓性p要素を定義します。 親ボックスの合計幅が300ピクセルである場合、#P1は#P2は200pxの幅を持つことになり、100pxに幅を持っています。
現在主流のブラウザは、箱フレックスプロパティをサポートしていません。
-ms-flexのサポートによって、Internet Explorerの10私有財産。
私有財産-moz-ボックスフレックスサポートによってFirefoxの。
私有財産-webkit-ボックスフレックスサポートによりSafariやChromeの。
注:IEのInternet Explorer 9の以前のバージョンでは、柔軟性のあるボックスをサポートしていません。
箱-flex属性は、ボックスの子要素は、柔軟または固定サイズであることを指定します。
ヒント:ボックスで縮小し、成長し、要素が柔軟なシュリンクであるかどうか成長します。ボックス内の余分なスペースがあるたびに、柔軟な要素は、スペースを埋めるために展開します。
デフォルト: | 0.0(要素が柔軟ではないことを示します) |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.boxFlex = 2.0 |
値 | 説明 |
---|---|
値 | 可撓性要素。 すべてのFlexは相対的なものです |