css盒子模型有哪些属性,盒子模型常用属性

　　写一个JS框

　　风格。容器{

　　宽度：300px

　　高度：300px

　　边框：3px纯红；

　　边距：50px

　　位置：相对；

　　}。方框{

　　填充：30px

　　宽度：100px

　　高度：150px

　　边框：10px纯色浅蓝色；

　　位置：绝对；

　　顶配：50px

　　左：50px

　　字号：15px

　　行高：100px

　　文本对齐：居中；

　　溢出：自动；

　　}

　　/风格

　　身体

　　div class=容器

　　Class= box box /div

　　/div

　　/车身型号：

　　盒子的属性：

client

　　 client width/client height:盒子内部的宽度和高度

　　(1) clientWidth:内容宽度周围的填充。

　　(2) clientHeight:内容高度上下的填充。

　　ClientTop/clientLeft:左边框和上边框的宽度。

offset

　　 offsetwidth/offsetheight:盒子可视区域的宽度和高度。

　　(1)offsetwidth:client width的左右边框

　　(2)offset height:client height的上下边界

　　OffsetParent:获取其父引用(不一定是父元素)

　　搜索父引用：

　　(1)在同一平面中，最外面的元素是所有后代元素的父引用；

　　(2)基于位置：绝对/相对/固定，元素会从文档流中分离出来，成为一个新的平面，从而改变元素的父引用；

　　(3)主体的父引用为空。

　　OffsetTop/offsetLeft:从其父引用的上/左偏移量(当前元素的外边框到父引用元素的内边框)

scroll

　　 scroll width/scroll height:可视区域内的真实宽度和高度。

　　(1)当没有内容溢出时：scroll width/height=client width/height

　　(2)如果有溢出，则不一样，结果大约等于盒子真实内容的宽度和高度：上下填充的真实内容的宽度和高度；

　　(3)只要有溢出，溢出的值也会在一定程度上改变scroll的结果。

　　ScrollTop/scrollLeft:垂直/水平滚动条的高度/宽度是注：上面的属性里，只有scrollLeft和scrollTop可以设置值，其他属性都是只读。

　　推荐：【JavaScript视频教程】以上是详细讲解JS盒子模型基本属性(图文示例)的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。