css3 很实用是特性
来源:互联网 发布:广东粤数大数据忽悠 编辑:程序博客网 时间:2024/06/07 19:06
定义和用法
box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。
例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
默认值:
content-box
继承性:
no
版本:
CSS3
JavaScript 语法:
object.style.boxSizing="border-box"
语法
box-sizing: content-box|border-box|inherit;
值
描述
content-box
这是由 CSS2.1 规定的宽度高度行为。
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
border-box
为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit
规定应从父元素继承 box-sizing 属性的值。
<styletype="text/css">
#con{
width:200px;
height:200px;
background: red;
box-sizing:border-box;//这一句对padding起作用
padding:20px;
}
</style>
0 0
- css3 很实用是特性
- css3 特性
- css3 特性
- MAVEN三大特性,很实用
- 实用的css3属性
- html5 ,css3, js 一些要很实用的代码片
- CSS3新特性
- CSS3的新特性
- css3动画特性
- CSS3新特性一览
- CSS3新特性
- CSS3新特性简介
- CSS3新特性
- css3+html5新特性
- CSS3 新特性小结
- CSS3的高级特性
- CSS3新的特性
- CSS3の新特性
- paxos分布式一致性算法
- sublime安装angularjs
- 电路设计_插座地线粗细要求
- Python基础-基本语法,内置容器
- Java多线程同步
- css3 很实用是特性
- [知识点滴]CSS伪类与伪元素的定义与区别
- Python基础-函数[1]
- Python基础-函数[2]
- React(3)--组件的生命周期
- js关于立即执行函数的一点记录
- response.sendRedirect()和request.getRequestDispatcher().forward(request,response)用法
- Python基础-IO与文本处理
- Spring入门_bean配置与注解实现