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)譬如:



<div style="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。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值