美文网首页Web前端之路技术干货
CSS中属性可以继承及不可继承详解

CSS中属性可以继承及不可继承详解

作者: 提小莫 | 来源:发表于2017-10-12 20:32 被阅读29次

一、不能继承的属性

① 盒子模型所有属性:margin、padding、border、width、height。

② 轮廓及背景属性:outline、background。

③ 定位、显示、浮动属性:display、position、top、left、right、bottom、max-*(如max-height等)、overflow、clear、float、content、z-index。

④ 其他:vertical-align、text-decoration、text-shadow、white-space。

注意:内联元素不能继承:text-indent和text-align,但是块级元素可以。

二、元素可继承属性

① 所有元素可继承:visibility、cursor。

② 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

③ 字体属性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。

④ 文本属性:text-transform、direction,除了(text-decoration、text-shadow内联元素不能继承块级可继承。

⑤ 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout。

⑥ 其它属性:letter-spacing、word-spacing。

如果还有您知道的,希望可以留言补充。


如果喜欢,不要吝啬你的爱心“❤”哦!

相关文章

  • CSS中属性可以继承及不可继承详解

    一、不能继承的属性 ① 盒子模型所有属性:margin、padding、border、width、height。 ...

  • css 学习大杂烩(持续更新)

    css学习大杂烩 重置样式 清除浮动 css 哪些属性可以继承 CSS中可以和不可以继承的属性 - libaoqi...

  • HTML标签类型

    修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录:

  • CSS基础样式

    CSS继承 一、什么是CSS继承 CSS继承是指我们设置父级CSS样式时,父级及以下的子级都具有此属性。 二、不可...

  • 2018-10-26 SECOM

    CSS选择器,哪些属性可以继承及CSS优先级算法 无继承性的属性 1.display 2.文本属性:vertica...

  • css中可继承属性和不可继承属性

    CSS中可以和不可以继承的属性 一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:ve...

  • HTML+CSS学习笔记 05

    一.CSS的特性 1.1 CSS属性的继承 CSS的有些属性是可以被继承的,何谓继承?一个元素如果没有设置某个属性...

  • CSS基础语法三

    CSS属性 css基本属性 可继承属性:可传递子标签.一般都是文字控制属性(如文字颜色等) 不可继承属性:不可传递...

  • 1.CSS选择的样式-第四章css继承、层叠、优先级

    1.CSS继承 从父元素那继承部分CSS属性继承好处:1.父元素设置样式,子元素可以继承部分属性2.减少CSS代码...

  • CSS基础样式

    一、什么是 CSS 继承?哪些属性能继承,哪些不能? CSS继承,就是指父元素中设置的属性,能够继承到子孙元素。 ...

网友评论

    本文标题:CSS中属性可以继承及不可继承详解

    本文链接:https://www.haomeiwen.com/subject/mtdwyxtx.html