我注意到有些属性是在CSS中继承的,而有些则不是。例如,text-size属性是继承的,但是padding和margin不被子块继承。那么如何确定哪些属性是继承的,哪些不是?
Answers:
这是所有可继承属性的列表。我正在使用W3C的信息,所以我认为它应该是正确的。但是了解网络浏览器(特别是IE)后,其中一些可能并非所有浏览器都可以继承:
azimuth
border-collapse
border-spacing
caption-side
color
cursor
direction
elevation
empty-cells
font-family
font-size
font-style
font-variant
font-weight
font
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
pitch-range
pitch
quotes
richness
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
text-align
text-indent
text-transform
visibility
voice-family
volume
white-space
widows
word-spacing
inherit
值。该inherit
值可用于强制任何属性继承,包括“已继承”列为“否”的属性。
Blender和Shaz的列表都列举了所有继承的CSS 2.1属性,包括用于诸如的声音媒体的属性azimuth
。以下是不包含面向听觉属性的列表,现在包括CSS3属性。
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
text-align-last
text-decoration-color
text-indent
text-justify
text-shadow
text-transform
visibility
white-space
widows
word-break
word-spacing
word-wrap
text-index
应该是text-indent
。
我发现的最佳参考页面是回答这个问题和类似问题的方法(例如,哪些CSS属性未继承):
https://www.w3.org/TR/CSS21/propidx.html
它具有“继承”(或不)的列。
页面上显示“此规范的几个部分已更新”。但是我在任何地方都找不到最新的版本,在一个简洁的表中列出了所有CSS属性。但是我认为这张桌子很棒,正好是我想要的。还回答每个CSS属性的可能值是什么以及初始(=默认)值的问题。
如果要查看所有继承的或非继承的属性分组在一起,则可以从网页复制文本并将其插入Excel等。然后根据“继承的”列对其进行排序。我尝试过的作品。