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

html-css016

CSS中属性可以继承及不可继承详解,第1张

一、不能继承的属性

① 盒子模型所有属性: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。

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

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

不可继承的: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。

所有元素可继承: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。

手持手册给你找

布局:visibility,

颜色:color

字体:

属性 版本 继承性 描述

font    CSS1/2    有    简写属性。定义元素的文本特性  

font-style    CSS1    有    指定元素的文本是否为斜体  

font-variant    CSS1    有    定义元素的文本是否为小型的大写字母  

font-weight    CSS1    有    定义元素文本字体的粗细  

font-size    CSS1    有    定义元素的字体大小  

font-family    CSS1    有    定义元素文本的字体名称序列  

font-stretch    CSS3    有    定义元素的文字是否横向拉伸变形  

font-size-adjust    CSS3    有    定义小写字母x的高度与对象文字字号的比率。  

属性    版本    继承性    描述

text-transform    CSS1/3    有    定义元素的文本如何转换大小写  

white-space    CSS1    有    指定元素是否保留文本间的空格、换行;指定文本超过边界时是否换行。  

tab-size    CSS3    有    定义元素内容中制表符的长度  

word-break    CSS3    有    定义元素内容文本的字间与字符间的换行行为  

word-wrap/overflow-wrap    CSS3    有    定义元素内容文本遇到边界时如何换行  

text-align    CSS1/3    有    定义元素内容的水平对齐方式  

text-align-last    CSS3    有    定义块内文本内容的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式  

text-justify    CSS3    有    定义使用什么方式实现文本内容两端对齐  

word-spacing    CSS1/3    有    指定单词之间的额外间隙  

letter-spacing    CSS1/3    有    指定字符之间的额外间隙  

text-indent    CSS1/3    有    定义块内文本内容的缩进  

vertical-align    CSS1/2    无    定义行内元素在行框内的垂直对齐方式  

line-height    CSS1    有    定义元素中行框的最小高度  

text-size-adjust    CSS3    有    定义移动端页面中元素文本的大小如何调整 

属性 版本 继承性 描述

text-decoration CSS1/3 无 简写属性。定义元素文本装饰

text-decoration-line CSS3 无 定义元素文本装饰线条位于文本的哪个位置

text-decoration-color CSS3 无 指定元素文本装饰线条的颜色

text-decoration-style CSS3 无 定义元素文本装饰线条的形状

text-decoration-skip CSS3 有 定义元素文本装饰线条必须跳过内容中的哪些部分

text-underline-position CSS3 有 定义元素装饰线的位置

text-shadow CSS3 有 定义文字是否有阴影及模糊效果

还有部分就不列了

检验 百度搜索CSS 4. 0,  看下

CSS参考手册

版本:v4.2.7

最后更新时间:2018-4-10

编著:飘零雾雨