幅、高さを指定する時のプロパティについて｜高橋悠太 / Yuta Takahashi｜note

指定可能なプロパティ（幅） auto ブラウザが要素の幅を計算し指定 available / fill この要素の親要素のコンテンツエリアに収まる幅を指定 指定要素のmargin、border、paddingを引いた幅 Firefox は -moz-available、Chrome は -webkit-fill-available border-box padding と border の幅を要素の幅に含め指定 content-box padding と border の幅を要素の幅に含めない. デフォルト値を指定 fit-content 親要素からはみ出さず、自動的に伸縮させてくれる幅を指定 max-contentを使いたいけど親要素より大きなサイズにはしたくない とき max-content 要素の内容に応じて最大値を指定 min-content 要素の内容に応じてできるだけ最小値を指