[转]CSS中继承性属性和非继承性的属性

不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
不可继承:也就是指子节点不能继承父节点的属性,

~~~ 不可继承属性:盒子模型相关的(margin border padding height width min-height max-height min-width max-width) 显示相关属性 (display,overflow) 定位属性(position left top right bottom z-index float clear vertical-align table-layout)

譬如:
html

<divstyle="border:1px solid #ff0000;">

这是父节点

<p>

这是子节点

</p>

</div>

效果如下:

如果子节点能继承父节点的border属性,那么也会有一个红色边框。

所有元素可继承:visibility和cursor。
内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。~~~内联元素可继承字体排版相关属性
块状元素可继承:text-indent和text-align。
列表元素可继承(~~列表相关属性):list-style、list-style-type、list-style-position、list-style-image。

表格元素可继承:border-collapse。

原文地址:https://www.cnblogs.com/stephenykk/p/3109274.html