html - 样式 ="color: #FFF;"呈现为#F0F0F0 还是#FFFFFF？

Question

当使用“shorthand hexidecimal”(style="color: #FFF;")定义颜色时，是否有定义的方法来扩展shorthand？ (style="color: #F0F0F0;" 或 style="color: #FFFFFF;")

所有浏览器都使用相同的扩展方法吗？这种行为是否符合规范(如果是，它是在哪里定义的)？扩展方法在 CSS 1/2/3 之间可能会有所不同吗？

我观察到“大多数浏览器”扩展为 #FFFFFF。

是否有其他地方(HTML/CSS 之外)允许使用这种简写形式，但展开方式不同？

我一直避免使用速记十六进制，因为我从来不知道这些问题的答案......

Answer 1

CSS 2.1(http://www.w3.org/TR/CSS2/syndata.html#value-def-color):

The three-digit RGB notation (#rgb) is converted into six-digit form (#rrggbb) by replicating digits, not by adding zeros. For example, #fb0 expands to #ffbb00. This ensures that white (#ffffff) can be specified with the short notation (#fff) and removes any dependencies on the color depth of the display.

CSS 1的措辞, CSS 3是相同的。 CSS 4 draft说类似的话。

Internet Explorer和 Firefox文档说明了相同的方法。

作为实际示例，请查看此代码段，其中包含 3 <div> s 风格

div { width: 100px; height: 100px;  }

<div style="background-color:#f0f0f0;">#f0f0f0</div>
<div style="background-color:#fff;">#fff</div>
<div style="background-color:#ffffff;">#ffffff</div>

在 Mac OS X 10.6 上，所有 Firefox 3.6、Opera 10.10、Safari 4 呈现 #fff作为#ffffff .

我看不出浏览器或标准将来想要偏离这种扩展的原因，因为颜色 #ffffff远比 #f0f0f0 常见.