ボックスモデルの構成（コンテンツ、パディング、ボーダー、マージン） CSSのボックスモデルは、HTMLの全ての要素を長方形のボックスとして扱う概念です。 このモデルは以下の4つの領域で構成されています： コンテンツ領域 コンテンツ領域は、要素の ...

今日はボックスモデルの基本と、box-sizingプロパティです。 borderまでの全体が「全体の幅」とすると、 width + padding（両側） + border（両側）＝「全体の幅」となり、 計算することはできますが、間違える可能性があります。 数値を入れた場合は、以下のよう ...