最新のWeb開発のチュートリアル
 

Style flexShrink Property

<スタイルオブジェクト

青色のDIV要素は柔軟なアイテムの残りの部分よりも5倍以上縮小してみましょう:

document.getElementById("myBlueDiv".style.flexShrink = "5";
»それを自分で試してみてください

定義と使用法

flexShrinkプロパティは、アイテムが同じ容器内フレキシブルアイテムの残りの部分に対して縮小する方法を指定します。

Note:要素が可撓性の項目ではない場合、flexShrinkプロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


<スタイルオブジェクト