CSS
padding
読み方：パディング
要素の内側の余白。content と border の間の距離。
やさしい説明
padding（パディング）とは、要素の内側の余白です。
内容と枠線（border）の間の距離を指定します。「パッド（詰め物）」のイメージです。
具体例・使い方
padding: 16px; → 上下左右すべて16px
padding: 10px 20px; → 上下10px、左右20px
よくある疑問
Q: paddingを増やすと要素の幅が変わる？
A: デフォルトでは変わります。box-sizing: border-box を指定すると、paddingを含めた幅になります。
関連用語
📖 関連レッスン
レッスンを見る →