ボックスについてのスタイルシート

ボックスというのは、簡単に説明するとそのHTMLタグの領域のことです。つまり、ボックスに関するスタイルシートの設定とは、そのタグ自身と、その中身の表示方法について設定するということです。

• marginとpaddingについての説明
• 【margin】の設定方法　（外側の余白）
• 【padding】の設定方法　(内側の余白)
• widthとheight　(高さと幅の設定)

marginとpadding

ボックスの領域には外枠の余白と内枠の余白があります。
そして、外側の余白のことを”margin”といい、内側の余白のことを”padding”といいます。

下の図を参考にして下さい。

”margin”と"padding"はそれぞれ上下左右に設けることができて、「top(上)」「bottom(下)」「left(左)」「right(右)」という単語で設定することが出来ます。
それでは、『margin』と『padding』について、それぞれの設定方法をお話ししていきましょう。