css属性的继承

2025-07-05 17:09:23

导读面试时被问到css的哪些属性可以被继承,没有系统地回答,还混淆了一些无法被继承的属性,特此记录。

可以被继承的属性

属性

作用

color

字体颜色

font-family

字体

font-size

字体大小

font-style

字体样式

font-variant

font-variant属性用于设置字体变体,主要用于设置英文字体,实际上时设置文本字体是否为小型的大写字母。

font-weight

字体的粗细

letter-height

行距

line-height

行高

text-align

文本对齐方式

text-indent

定义文字的首行缩进

text-transform

控制文本的大小写,capitalize:将每个单词的首字符变为大写;uppercase:将每个单词的所有字符变为大写;lowercase:将每个单词的所有字符变为小写;none:没有任何影响;

visibility

元素隐藏与否

white-space

用于定义元素内空白

word-spacing

词间距,每个单词之间的空白

不可继承的属性

属性

作用

background

背景

border

边框

display

height

高度

width

宽度

margin

外边距

padding

内边距

position

定位

top/right/bottom/left

上/右/下/左

z-index

堆叠图层级别

float

浮动属性

clear

清除浮动

强制继承使用inherit关键字可以强制继承父级的属性

123.box{ color:inherit;}