ボックスmodel_html/css_WEB-ITnoseの深い理解

目次 [1] 幅と高さ [2] パディング [3] マージン [4] 境界線

前の単語

すべての文書要素は、要素ボックスと呼ばれる長方形のボックスは、ドキュメント レイアウト内で要素が占めるスペースの量を表します。さらに、各ボックスは他の要素ボックスの位置とサイズに影響します

幅と高さ

CSS では、ブロックレベルの要素に明示的な高さを設定できます。指定した高さがコンテンツの表示に必要な高さより大きい場合、追加の高さによって余分なパディングがあるかのような視覚効果が作成されます。指定した高さがコンテンツの表示に必要な高さよりも小さい場合は、スクロール バーが追加されます。要素。要素コンテンツの高さが要素ボックスの高さより大きい場合、ブラウザの特定の動作はオーバーフロー属性に依存します。

幅は、左の内側の境界線から右の内側の境界線までの距離として定義されます。

高さが定義されます 上部の内側の境界線から下部の内側の境界線までの距離として定義されます

[注] 幅と高さは、インラインの非置換要素には適用できず、負の値にすることはできません

幅/高さ

値: auto |

【1个值】margin: top|right|bottom|left;【2个值】margin: top|bottom left|right;【3个值】margin: top left|right bottom;【4个值】margin: top right bottom left;