ボックスモデル｜CSSの基本｜CSS HappyLife ZERO

ボックスモデル｜CSSの基本｜CSS HappyLife ZERO

ボックスモデルの概念 文書内のすべての要素は、ボックスと呼ばれる四角形の領域を生成します。 各ボッ...概要を表示 ボックスモデルの概念 文書内のすべての要素は、ボックスと呼ばれる四角形の領域を生成します。 各ボックスは、テキストや画像などの内容領域（Content Area）を持っており、その周辺に、パディング（Padding）、ボーダー（Border）、マージン（Margin）の順に周辺領域を持つ事が有ります。領域の大きさは、各プロパティによって指定する事ができます。 また、この各領域の境界を「辺」（Edge）と呼びます。この「辺」は上下左右の4辺に分ける事が可能で、それぞれにスタイルを指定する事ができます。 内容領域（Content Area） テキストや画像などが表示される領域です。 この内容領域の、幅はwidthプロパティ、高さはheightプロパティを指定する事で任意の幅と高さにする事ができます。 また、backgroundプロパティの指定が有る場合、内容領域とパディングに背景が表示されます

• CSS
• Webサービス
• Tips
• ソフトウェア
• *あとで読む