dev docs eve cti http box out rect per

盒子模型(CSS basic box model):When laying out a document, the browser‘s rendering engine represents each element as a rectangular box according to the standard CSS basic box model. CSS determines the size, position, and properties(color, background, border, size, etc.) of these boxes.

Every box is composed of four parts(or areas), defined by their respective edges:

  1. content edge
  2. padding edge
  3. border edge
  4. margin edge

技術分享圖片

(非原創,侵刪,內容來自https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)

CSS學習筆記:盒子模型