CSSのパディング指定方式

パディング（全方向）

パディングは、要素の内側に余白を追加するプロパティです。例: padding: 20px;

この要素には全方向に20pxのパディングが設定されています。

パディング（上方向のみ）

例: padding-top: 20px;

この要素には上方向に20pxのパディングが設定されています。

パディング（右方向のみ）

例: padding-right: 20px;

この要素には右方向に20pxのパディングが設定されています。この要素には右方向に20pxのパディングが設定されています。この要素には右方向に20pxのパディングが設定されています。この要素には右方向に20pxのパディングが設定されています。この要素には右方向に20pxのパディングが設定されています。

パディング（下方向のみ）

例: padding-bottom: 20px;

この要素には下方向に20pxのパディングが設定されています。

パディング（左方向のみ）

例: padding-left: 20px;

この要素には左方向に20pxのパディングが設定されています。

パディングの短縮プロパティ

短縮プロパティを使用して、4つの値を指定できます。例: padding: 10px 20px 30px 40px;（上右下左）

この要素には各方向に異なるパディングが設定されています。