我注意到有些属性是在CSS中继承的,而有些则不是。例如,text-size属性是继承的,但是padding和margin不被子块继承。那么如何确定哪些属性是继承的,哪些不是?
Answers:
这是所有可继承属性的列表。我正在使用W3C的信息,所以我认为它应该是正确的。但是了解网络浏览器(特别是IE)后,其中一些可能并非所有浏览器都可以继承:
azimuthborder-collapseborder-spacingcaption-sidecolorcursordirectionelevationempty-cellsfont-familyfont-sizefont-stylefont-variantfont-weightfontletter-spacingline-heightlist-style-imagelist-style-positionlist-style-typelist-styleorphanspitch-rangepitchquotesrichnessspeak-headerspeak-numeralspeak-punctuationspeakspeech-ratestresstext-aligntext-indenttext-transformvisibilityvoice-familyvolumewhite-spacewidowsword-spacinginherit值。该inherit值可用于强制任何属性继承,包括“已继承”列为“否”的属性。
Blender和Shaz的列表都列举了所有继承的CSS 2.1属性,包括用于诸如的声音媒体的属性azimuth。以下是不包含面向听觉属性的列表,现在包括CSS3属性。
border-collapseborder-spacingcaption-sidecolorcursordirectionempty-cellsfont-familyfont-sizefont-stylefont-variantfont-weightfont-size-adjustfont-stretchfontletter-spacingline-heightlist-style-imagelist-style-positionlist-style-typelist-styleorphansquotestab-sizetext-aligntext-align-lasttext-decoration-colortext-indenttext-justifytext-shadowtext-transformvisibilitywhite-spacewidowsword-breakword-spacingword-wraptext-index应该是text-indent。
我发现的最佳参考页面是回答这个问题和类似问题的方法(例如,哪些CSS属性未继承):
https://www.w3.org/TR/CSS21/propidx.html
它具有“继承”(或不)的列。
页面上显示“此规范的几个部分已更新”。但是我在任何地方都找不到最新的版本,在一个简洁的表中列出了所有CSS属性。但是我认为这张桌子很棒,正好是我想要的。还回答每个CSS属性的可能值是什么以及初始(=默认)值的问题。
如果要查看所有继承的或非继承的属性分组在一起,则可以从网页复制文本并将其插入Excel等。然后根据“继承的”列对其进行排序。我尝试过的作品。