CSSリファレンス

flex-shrinkの意味と使い方

「flex-shrink」はフレックスアイテムの幅の合計がフレックスコンテナのサイズより大きい場合、フレックスアイテムがはみ出します。flex-shrinkプロパティは、アイテムがはみ出さないように幅を縮小して調整するためのプロパティです。縮小する量を、他のフレックスアイテムを縮小する量との比率で指定します。負の値は指定できません。

値の指定方法

実数値

縮小する割合を指定します。この値を省略して場合は、「1」とみなされます。負の値は指定できません。


関連プロパティ

  • flex:アイテムの幅の増減を一括して指定する
  • flex-basis:フレックスアイテムの基本の幅を指定する
  • flex-grow:フレックスコンテナの主軸の幅に余白がある場合の、フレックスアイテムの伸び率を指定する