サイジング (Sizing)

size、minSize、maxSize を使用して寸法を制御します。

一般的なプロパティ

Loading Preview…

要素の正確な寸法を制御します。

size、minSize、maxSize を使用して、要素の寸法の境界を設定します。

Tip

🔗 MDN ドキュメント: width, height, min-width, max-width

これらのプロパティは width と height を含む Size オブジェクトを受け取ります。

プロパティ	説明
`size`	理想サイズ。`auto` の場合、サイズはコンテンツまたは flex/grid ルールによって決定されます。
`minSize`	最小サイズ。アイテムがこの値以下に縮小するのを防ぎます。
`maxSize`	最大サイズ。アイテムがこの値以上に成長するのを防ぎます。

width と height プロパティは特定の値の型を受け取ります：

値	説明	例 (JS)
Auto	コンテンツに合わせたサイズ（一部の flex ケースではストレッチ）。	`"auto"`
Points	正確なピクセル値。	`150`
Percent	親のサイズに対する割合。	`"50%"` または `0.5`（float ヘルパーを使用する場合）。通常 JS バインディングでは文字列 `"50%"`。