width: fit-content
ブロック要素に対して、文字だけに背景をつけることができる。(例:h1など)
普通に背景とかをつけたい場合ってブロック要素は横いっぱいに広がってしまう。
display:inlineや、display:inline-blockでも代用できる部分もあるが、あくまでfit-contentはブロックレベル要素のまま幅だけフィットしてくれるのでかゆいところまで手が届くプロパティです。
2021~2022年ごろにはブラウザ対応は済んでいるので、最近の道具ではある。
プログラミングを中心にIT技術をできるだけわかりやすくまとめます。
08.02
この記事は1分で読めます
width: fit-content
ブロック要素に対して、文字だけに背景をつけることができる。(例:h1など)
普通に背景とかをつけたい場合ってブロック要素は横いっぱいに広がってしまう。
display:inlineや、display:inline-blockでも代用できる部分もあるが、あくまでfit-contentはブロックレベル要素のまま幅だけフィットしてくれるのでかゆいところまで手が届くプロパティです。
2021~2022年ごろにはブラウザ対応は済んでいるので、最近の道具ではある。
2026 08.05
2026 08.01
2026 08.16
2026 08.23
2026 08.04
2026 08.16
この記事へのトラックバックはありません。
Copyright © プログラミングマガジン | プライバシーポリシー
この記事へのコメントはありません。