要素の横幅を指定するプロパティです。px、%、vw、em、remなど様々な単位が利用できます。auto、min-content、max-content、fit-contentなどの特殊な値も使用でき、レスポンシブデザインの基礎となります。
width: <length> | <percentage> | auto | min-content | max-content | fit-content.element {
width: 200px;
}width: 100px;幅を100pxに固定
width: 50%;親要素の50%の幅
width: fit-content;内容に合わせて幅を自動調整
autoはデフォルト値。fit-contentやmin/max-contentはモダンなレイアウトで便利。
親要素の幅に依存する場合、意図しないレイアウトになることがある。
全ブラウザ対応