这是有效的吗?font: bold 10px/13px inherit;
根据我读到的specs http://www.w3.org/TR/CSS2/fonts.html#font-shorthand这应该意味着“粗体”的字体粗细、“继承”的字体系列、“10px”的字体大小和“13px”的行高。
它似乎在 Internet Explorer 8 (8.0.6001.18702) 中正常工作。
它在 Windows 上的 Safari 5.0.4 (7533.20.27) 中正常工作。
Opera 11.01(build 1190)和 Firefox 3.6.16 都记录了有关它的错误。
我还没有尝试过 Chrome 或 Firefox 4。
如果这确实有效,那么这个解析错误是否是一个已知问题?
还有几点:
- W3 验证器也将其报告为无效。
- 没有“字体:粗体 10px 继承;”、“字体:粗体 10px/13px;”或“字体:粗体 10px;”在 Firefox 中也可以正常工作。
Update
正如 Adam Wagner 在他的回答中指出的那样,由于 CSS2.1 规范的第 C.3.1 节,我尝试的值实际上是无效的(尽管我对规范的天真阅读表明了这一点)。
我认为问题在于“继承”你的价值。
根据规格:
[ [ || || ]? [ / ]? ]|标题
|图标
|菜单
|消息框
|继承
我认为上面列出的粗体部分是一个选项,“标题”、“图标”、“菜单”、“消息框”和“继承”是其余选项。
简而言之,尝试:font:bold 10px/13px
Update:
看来 webkit 对于这个问题有一个突出的错误报告。不确定火狐浏览器。 (https://bugs.webkit.org/show_bug.cgi?id=20181 https://bugs.webkit.org/show_bug.cgi?id=20181)
另外,正如票证中有人提到的,2.1 规范解决了这个问题:
“简写属性采用一系列子属性值或“继承”值。不能将“继承”与其他子属性值混合,因为不可能指定“继承”应用到的子属性。一些简写的定义属性未强制执行此规则:'border-top'、'border-right'、'border-bottom'、'border-left'、'border'、'background'、'font'、'list-style'、'提示’和‘轮廓’。”
http://www.w3.org/TR/CSS21/changes.html#q142 http://www.w3.org/TR/CSS21/changes.html#q142
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)