css3 box-sizing属性
2016-06-29 21:38
761 查看
box-sizing属性有3个值:content-box(default),border-box,inherit。
content-box:border和padding不计算入width之内
inherit:继承于父级
content-box:border和padding不计算入width之内
inherit:继承于父级
<style type="text/css"> div{ height:100px; width: 100px; padding:10px; border: 5px solid #000000; color:red; font-size: 14px; text-align: center; } .content-box{ box-sizing: content-box; } .border-box{ box-sizing: border-box; } </style>
相关文章推荐
- 使用less函数实现不同背景的CSS样式
- CSS3滤镜-Filters
- html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。
- HTML 使用CSS 设置透明度Opacity
- 自适应布局,完美解决左右两边固定大小,中间内容适应大小。
- css属性 writing-mode 改变文字书写方向
- 最全的CSS浏览器兼容问题
- css 比较 在同一个水平线上
- CSS中cursor属性给标签加上小手形状
- css3实现字体的颜色渐变
- django 添加 css 等静态文件
- css各种手型集合(css禁止手型)
- CSS Sprite的应用
- Andorid 项目中Dialog的便捷开发,全面的样式选择.
- Div+CSS网页布局中CSS无效的十个常见原因
- css改变复选框样式
- css 控制滚动样式
- radio与checkbox样式
- CSS3圆角圆边 支持IE6-IE8浏览器
- 自适应网页设计(Responsive Web Design)