はてなブックマーク

CSS で要素の大きさを指定するとき、 px, %, ... vw 以外にも使えるものがたくさんあって、 その要素の内容に応じて幅を伸縮させたりできる。 そのうちのひとつ、 max-content を使ってみたら試行錯誤していたものをあっさり解決できたので書いておく。 width プロパティに指定できるキーワード値 border-box content-box max-content min-content available / fill fit-content auto auto 以外の値は width プロパティで見たことがなかった、というかまだ草案段階らしい。 https://developer.mozilla.org/en-US/docs/Web/CSS/width これらは height や max-width, min-width でも使えるとのこと。 本記事は width