iT邦幫忙

2022 iThome 鐵人賽

DAY 22
0
Modern Web

意識界歸來的前端系列 第 22

Box-sizing

  • 分享至 

  • xImage
  •  

上一篇介紹了 box-model 此篇延續來談談什麼事 box-sizing?

box-sizing

CSS 用來計算元素渲染到畫面上(box-model)的高度、寬度,有 content-box 與 border-box 兩種屬性值。

content-box

content-box(預設值):實際寬高=所設定的數值+border+padding

border-box

border-box:實際寬高=所設定的數值(已包含border和padding)

padding-box

支援的瀏覽器還不多,暫且忽略。


reference


上一篇
content、padding、border、margin 與它們的 Box model
下一篇
關於 border 的那些小事
系列文
意識界歸來的前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言