什麼是 Box Model

[futianshen]

由外而內

• box-sizing:
  • Content-box (default)
  • Border-box （寬高包含 border 和 padding）
• visibility (shows or hides an element without changing the layout of a document.)
  • visible
  • hidden
  • collapse (for table as if display: none)
• margin
  • margin-top:
  • margin-right:
  • margin-bottom:
  • margin-left:
• border
  • border-width
    • border-top-width:
    • Border-right-width:
    • border-bottom-width:
    • border-left-width:
  • Border-style
    • border-top-style:
    • border-right-style:
    • border-bottom-style:
    • border-left-style:
  • Border-color
    • border-top-color:
    • border-right-color:
    • border-bottom-color:
    • border-left-color:
  • border-radius
• padding
  • Padding-top
  • padding-right
  • padding-bottom
  • padding-left
• size
  • width
  • height
  • min-width
  • min-height
  • max-width
  • max-height
• content
  • overflow
  • overflow-x
  • overflow-y

CSS Basic Box Model