例
青色のDIV要素は柔軟なアイテムの残りの部分よりも5倍以上縮小してみましょう:
document.getElementById("myBlueDiv".style.flexShrink = "5";
»それを自分で試してみてください 定義と使用法
flexShrinkプロパティは、アイテムが同じ容器内フレキシブルアイテムの残りの部分に対して縮小する方法を指定します。
Note:要素が可撓性の項目ではない場合、flexShrinkプロパティは効果がありません。
ブラウザのサポート
flexShrinkプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。
注意:Safariは6.1以降の代替、WebkitFlexShrinkプロパティをサポートしています。
構文
flexShrinkプロパティを返します:
object .style.flexShrink
flexShrinkプロパティを設定します。
object .style.flexShrink=" プロパティ値 値 説明 number アイテムは、可撓性アイテムの残りの部分に対して収縮するどのくらいの指定数。 デフォルト値は0です initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 1 戻り値: 要素のフレックス収縮性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: flex-shrink property
HTML DOM STYLE参考: flex property
HTML DOMのスタイル参照: flexBasis property
HTML DOM STYLE参考: flexDirection property
HTML DOM STYLE参考: flexFlow property
HTML DOMのスタイル参照: flexGrow property
HTML DOMのスタイル参照: flexWrap property
<スタイルオブジェクト