box sizing的屬性值

2021-10-22 07:41:19 字數 452 閱讀 2407

box-sizing屬性值及作用

content-box

這是box-sizing的預設屬性值

padding和border不被包含在定義的width和height之內。物件的實際寬度等於設定的width值和border、padding之和,即width + border + padding,表現為標準模式下的盒模型

border-box

怪異盒模型,一般在ie瀏覽器中預設是怪異盒模型。

padding和border被包含在定義的width和height之內。物件的實際寬度就等於設定的width值

inherit

規定元素是從父元素那裡繼承box-sizing的屬性值

注意box-sizing 屬性是css3的新特性——ie 以及 chrome 支援 box-sizing 屬性;firefox需要加上-moz字首;safari需要加上-webkit字首。

css3 box sizing屬性值詳解

box sizing屬性可以為三個值之一 content box default border box,padding box。content box,border和padding不計算入width之內 padding box,padding計算入width內 border box,border和p...

關於box sizing屬性

box sizing屬性包括content box default border box,padding box。1 content box,border和padding不計算入width之內 2 padding box,padding計算入width內 3 border box,border和pa...

理解box sizing屬性

box sizing是乙個css3屬性,與盒子模型有著密切聯絡。即決定元素的寬高如何計算,box sizing有三個屬性 box sizing content box border box inherit 複製 content box 使得元素的寬高即為內容區的寬高 box 左 box 右 複製 上...