中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

要素の影響する範囲をパディング領域と呼び、スタイルシートで指定すると、外枠が表示できます。その周りには隣の要素との隙間、マージン領域があります。

下記のHTML記述を使用し、真中の行をスタイルシートで修飾していきます。

スタイルシート記述無しの表示を

とします。

• 青色の外枠が表示できる最大幅（親要素の範囲）とします。
• 灰色の背景色部分が、要素と要素との隙間、マージン領域です。
• 表示文字の背景色が、P要素の領域（パディング領域）です。

パディング領域は、要素の影響する範囲です。

パディング領域に 赤色の直線（solid）外枠を2px巾 で表示します。

パディング領域を広げます。

要素のパディング領域全周が1emになりました。

マージン領域は、回りの要素との隙間です。

マージン領域を広げます。

マージン領域が 『 2em 』 になりました。