CSS3 box-sizing 属性
来源:互联网 发布:网络函授是什么意思啊 编辑:程序博客网 时间:2024/06/11 16:16
实例
规定两个并排的带边框的框:
div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */width:50%;float:left;}
页面底部有更多实例。
浏览器支持
Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。
Firefox 支持替代的 -moz-box-sizing 属性。
定义和用法
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
语法
box-sizing: content-box|border-box|inherit;
这是由 CSS2.1 规定的宽度高度行为。
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
border-box为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit规定应从父元素继承 box-sizing 属性的值。 0 0
- CSS3 box-sizing 属性
- css3:box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing 属性
- CSS3 box-sizing 属性
- CSS3 Box-sizing属性
- 【CSS3】box-sizing 属性
- CSS3 box-sizing属性
- 【CSS3】Box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- CSS3 box-sizing 属性
- css3 box-sizing属性
- 最全的常用正则表达式大全
- iOS9 3DTouch(ShortcutItem、Peek/Pop)等简单使用
- 【选择排序】堆排序
- jQuery之类数组操作
- javaIO
- CSS3 box-sizing 属性
- 超强整理!PCB设计之电流与线宽的关系
- 动态添加ViewPager的View
- 图像处理与识别书籍介绍
- UML行为图
- CityEngine中的坐标系统
- Windows下安装vim插件管理vundle
- Python的流程控制
- unity5 animator过渡速度变化