要素内容に依存する幅の指定について

要素内容に依存する幅の指定についてのメモです。 これらは「CSS basic box model（草案）」に記載されており、MDNのページに分かりやすく説明されています。 本来、これらは幅だけでなく高さの指定にも使えるようなのですが、まだ実装されていませんので確認できません。 2013年4月現在、幅の指定として使えるブラウザはFirefoxとGoogle Chromeです。Safariでは動くんですかね。最新版ないから分かりません。 available or fill-available包含ブロックから該当要素のマージン、ボーダー、パディングのサイズを引いた幅。 現在、Firefoxは-moz-available、Chromeは-webkit-fill-availableで動作します。max-contentややこしい計算式があるんですが、とりあえずは該当要素が取りうる最大の幅として覚えてお

[wh11e7rue]

便利だ...

[teppeis]

min-content, max-content, fit-content

[kojika17]

要素内容に依存する幅の指定について | Unformed Building

[ginpei]

CSSで幅として利用できる新しい値の案、availableやmax-content等について。他のブロックのサイズに追従させたり出来るみたい。具体的な利用例あり。現在mozとwebkitで利用できる様子。