2019年1月18日 星期五

[Back To Basic] css - padding

用來創造HTML元素”內容”周遭的留白(邊框之內)

單邊設定

padding-top
padding-right
padding-bottom
padding-left

簡寫(規則和border、margin相同)

padding: 25px 50px 75px 100px;

附註

  • 不可以負值
  • width和padding的關係,依據box-sizing的設定決定
    • 預設:總寬度 = width + 左右padding + 左右border
    • box-sizing: border-box;。總寬度 = width(不管padding和border,自動計算content的寬度)

沒有留言:

張貼留言