css里那些可以继承的属性

最新推荐文章于 2025-07-23 17:19:02 发布
转载 最新推荐文章于 2025-07-23 17:19:02 发布 · 81 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5b8d5f9ce51d4557b85fefa8

本文详细介绍了CSS中默认可被继承的一些属性，如字体大小、颜色等，并解释了如何显式地指定这些属性进行继承。
不包括听觉相关的属性
  • border-collapse
  • border-spacing
  • caption-side
  • color
  • cursor
  • direction
  • empty-cells
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • font-size-adjust
  • font-stretch
  • font
  • letter-spacing
  • line-height
  • list-style-image
  • list-style-position
  • list-style-type
  • list-style
  • orphans
  • quotes
  • tab-size
  • text-align
  • test-align-last
  • text-decoration-color
  • text-indent
  • text-justify
  • text-shadow
  • text-transform
  • visibility
  • white-space
  • widows
  • word-break
  • word-spacing
  • word-wrap

trick:其实所有属性均可以显式地指定继承，上面的只是默认继承而已。为什么不早说？我们不就想多看看哪些是默认继承的顺便多记几个单词而已嘛~~。


参考：CSS: The Definitive Guide


CSS 中哪些属性可以继承？
liuhao9999的博客
03-23 5412
每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算 值。 当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应 该是在该属性本身的定义中的默认值）。 当元素的一个非继承属性（在Mozilla code里有时称之为reset property）没有指定值时，则取属性的初始值initial v alue（该值在该属性的概述里被指定）。 有继承性的属性： （1）字体系列属.
CSS中的那些属性是可以继承的？
weixin_47450807的博客
04-05 4366
一、写在前面 每一个css属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素指定值时该如何计算。 当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。如果文档根元素没有设置值时，则取属性本身定义的默认值。 二、存在继承性的属性 2.1、字体系列的属性 font, font-family, font-weight, font-size, font-style, font-variant, font-stretch, font-size-adjust 2.2、字体系
css 可以继承的属性
m0_37400682的博客
06-08 377
有继承性的属性： 1、字体系列属性 font：组合字体 font-family：规定元素的字体系列 font-weight：设置字体的粗细 font-size：设置字体的尺寸 font-style：定义字体的风格 font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为 大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺...
CSS哪些属性可以继承
最新发布
A2420734930的博客
07-23 506
浏览器默认字体大小16px,而body定义了字体大小(16px X 85% = 13.6px). 如果子元素没有指定字体大小13.6px这个值将被子元素继承。:一个属性定义了unset值，如果该属性是默认继承属性，该值等同于inherit，如果该属性是非继承属性，该值等同于initial。font-size是可以被继承的。但是它的方式有一些特别。Font-size的子类继承的不是实际值，而是计算后的值。由于浏览器默认字体大小是16px，而p定义了字体14px，所以em继承了p的字体大小属性，也是14px；
css有哪些属性可以继承
qq_51218646的博客
01-15 1304
1、字体属性： font：字体。font-family：规定元素的字体。font-weight：设置字体的粗细。 font-size：设置字体的尺寸。font-style：定义字体的风格。 font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。 font-size-adjust：为某个元素规定一个 asp
CSS中哪些属性可以继承？
子玉的博客
09-21 1667
此外，继承的行为也取决于元素的类型和上下文，有些属性可能只对特定类型的元素有效，或者受到其他样式规则的影响。因此，在编写CSS时，要仔细考虑继承的属性以及它们的上下文和特殊情况。CSS中的一些属性可以被子元素继承，这意味着父元素上设置的样式可以自动应用到子元素上。）通常不会被子元素继承。如果你希望特定样式应用到子元素，你可能需要显式地为子元素设置这些属性。需要注意的是，并非所有属性都可以继承。
css中哪些属性可以继承
qq_56392992的博客
08-31 1967
css中哪些属性可以继承 1.字体系列属性 font：组合字体 font-family：规定元素的字体系列 font-weight：设置字体的粗细 font-size：设置字体的尺寸 font-style：定义字体的风格 2、文本系列属性 text-indent：文本缩进 text-align：文本水平对齐 line-height：行高 word-spacing：增加或减少单词间的空白（即字间隔） letter-spacing：增加或减少字符间的空白（字符间距） text-transform：控制文本大小写
CSS教程：理解继承属性及应用
01-19
4.5.1值的继承 继承也是基于文档树的，文档树中元素的某些属性可以被其子元素继承，每一个CSS属性都定义了它能否被继承。例如有下列代码，其在浏览器内显示如图4-29所示。 p{color:green;} 文档树中一元素的某些值...
CSS 属性详解 - 继承、层叠与类型
10-09
本文全面解析了 CSS 中有关元素隐藏、继承属性、层叠规则以及不同显示类型的概念与用法。主要内容包含了 CSS 属性是如何遗传的，哪些常见属性能够从祖先继承，如何解决多重样式的冲突并理解 CSS 权重机制；阐述了 ...
哪些CSS属性可以继承
hellochenlu的博客
09-20 709
给某个父元素设置CSS样式，同时也会作用在子元素上，叫继承（inherit）。 (X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性。 可以继承的属性有： azimuth border-collapse border-spacing caption-side color cursor directio
CSS中哪些属性可以被继承
yck0ng的博客
07-25 1783
CSS中哪些属性可以被继承 主要的有： 字体相关：line-height（行高）, font-family（文字类型）, font-size（文字大小）, font-style（字形）, font-variant（文字变化）, font-weight（文字重度）, font（文字） 文本相关： letter-spacing（字符间距）, text-align（文本排序）, text-inde
css中可以继承的属性
鹤屋学姐的虎牙的博客
08-22 519
1、字体系列属性 font：组合字体 font-family：规定元素的字体系列 font-weight：设置字体的粗细 font-size：设置字体的尺寸 font-style：定义字体的风格 font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 font-stretch：对
[Web前端技术教学]CSS中可继承的属性以及无继承性的属性
格码老师教编程
10-31 1139
一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-to
CSS 中哪些属性可继承，哪些不可以？
m0_71231013的博客
06-07 1397
能继承的属性 1. 字体系列属性:font、font-family、font-weight、font-size、font-style; 2. 文本系列属性: 2.1）内联元素：color、line-height、word-spacing、letter-spacing、text-transform; 2.2）块级元素：text-indent、text-align; 3. 元素可见性：visibility 4. 表格布局属性：caption-side、border-collapse、border-s
CSS 哪些属性默认会继承, 哪些不会继承
adobe1992
08-02 4585
不可继承的：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
CSS中哪些属性可继承，哪些不可以？
qq_52006046的博客
12-01 6306
4.表格布局属性：caption-side（标题位置）、border-collapse（设置边框分离还是合并）、border-spacing（边框分离状态下设置边框间距）、empty-cells（定义如何渲染无可视内容的单元格边框和背景）、table-layout（定义用于布局单元格行和列的算法）;5.定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、maxwidth、max-height、overflow、clip;
css继承
Z030428的博客
05-18 754
内联元素可继承：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。列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
CSS有哪些属性可以继承？
IT修真院：初学者转行到互联网的聚集地
06-03 5052
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【CSS有哪些属性可以继承？ 】 1.背景介绍 了解css样式表的继承，我们先从文档树（HTML DOM）开始，文档树由HTML元素组成,文档树和家族树类似，也有祖先、后代、父亲、孩子、兄弟 ...
css可继承的属性有哪些？
h3040605762的博客
10-24 1115
可继承的属性：文本类：text-indent、text-align、line-height、word-spacing、letter-spacing、text-transform、direction、color；
CSS继承属性详解与示例
标题中提到的“css属性继承”是指CSS中的一些属性可以被子元素自动继承。例如，描述中提到的字体颜色（color）就是一个可继承的属性。如果一个段落（p）的字体颜色被设置为白色，而其内部的子元素没有指定颜色，那么...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值