HTMLとCSSを使ったWEBサイトの実践的な作り方を紹介。

基礎26. ボックスモデル

      2017/07/11

ボックスモデルとは

タグで囲むとボックスという四角形の領域が形成されます。ボックスはどんな要素であっても必ず形成されます。ボックスはテキストや画像などの内容領域(Content Area)とそれを取り囲むように外側に線(border)。その外側に外余白(margin)の領域を作ることができます。ボックスの内側には内余白(padding)の領域が作ることができます。

ボックスモデル

まとめ

  • タグで囲むと「ボックス」という領域が作られる
  • ボックスには、外余白(margin)、線(border)、内余白(padding)という領域を作ることができる

 - HTML・CSS