国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

box-sizing屬性的理解

2024-04-27 15:09:06
字體:
來源:轉載
供稿:網友

CSS3 box-sizing 屬性

說明:本文檔兼容性測試基礎環境為:windows系統;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

語法:

box-sizing:content-box | border-box

默認值:content-box

適用于:所有接受width和height的元素

繼承性:無

取值:

content-box:padding和border不被包含在定義的width和height之內。對象的實際寬度等于設置的width值和border、padding之和,即 ( Element width = width + border + padding )此屬性表現為標準模式下的盒模型。border-box:padding和border被包含在定義的width和height之內。對象的實際寬度就等于設置的width值,即使定義有border和padding也不會改變對象的實際寬度,即 ( Element width = width )此屬性表現為怪異模式下的盒模型。

示例:

content-box:

.test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; }

content-box

border-box:

.test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; }

border-box

說明:

設置或檢索對象的盒模型組成模式。對應的腳本特性為boxSizing

兼容性:

淺綠 = 支持紅色 = 不支持墨綠 = 部分支持橙色 = 實驗性質
支持版本/類型IEFirefoxSafariChromeOpera
版本6-74-185.1.797-12.5
版本8
版本9

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永川市| 济宁市| 米泉市| 东港市| 华安县| 洛浦县| 东乡族自治县| 出国| 华蓥市| 定襄县| 上蔡县| 堆龙德庆县| 凤山市| 常熟市| 远安县| 巴中市| 秦皇岛市| 黎平县| 鸡泽县| 繁峙县| 蒲城县| 酒泉市| 北海市| 遂溪县| 河东区| 赫章县| 宿州市| 台北县| 谷城县| 赤水市| 江永县| 景东| 舟山市| 丹棱县| 屯门区| 奈曼旗| 兰坪| 云南省| 涡阳县| 昌图县| 吉木萨尔县|