CSS flex-shrink 属性
定義と使用法
flex-shrink 属性は同じコンテナ内で固定され、項目は他のエラストイック項目に対して収縮する量を示します。
注釈：要素がエラストイック項目でない場合、flex 属性は無効です。
参照もしてください：
CSS タイプ： CSS 強調フレーム
CSS リファレンスマニュアル：flex 属性
CSS リファレンスマニュアル：flex-basis 属性
CSS リファレンスマニュアル：flex-direction 属性
CSS リファレンスマニュアル：flex-flow 属性
CSS リファレンスマニュアル：flex-grow 属性
CSS リファレンスマニュアル：flex-wrap 属性
HTML DOM リファレンスマニュアル：flexShrink 属性
CSS 语法
flex-shrink: number|initial|inherit;
属性値
| 値 | 説明 |
|---|---|
| number | 数字は、項目が他のエラストイック項目に対して収縮する量を規定します。デフォルト値は 1 です。 |
| initial | この属性をデフォルト値に設定します。参照してください。 initial。 |
| inherit | この属性は親要素から継承されます。参照してください。 inherit。 |
技術的詳細
| デフォルト値： | 1 |
|---|---|
| 継承： | いいえ |
| アニメーション作成： | サポートされています。参照してください：アニメーション関連属性。 |
| バージョン： | CSS3 |
| JavaScript 言語： | object.style.flexShrink="5" |
ブラウザのサポート
テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。
数字は -webkit- または -moz- で始まるのは、プレフィックスを使用する最初のバージョンを示しています。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
