5

介绍

单击 Firebug 上的 css 选项卡时，有一个名为“扩展速记属性”的选项可用！

一个典型的css规则如下：

border-left:2px solid #7FA100;

..被转换为“扩展”版本，如下所示：

border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#7FA100;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:2px;

我的问题/问题

我在一个项目中工作，设计师直接引入包含“扩展”性质的规则的样式表。

1）它们是正确的CSS规则吗？

2）是否所有（或任何，或哪些）浏览器直接识别这些扩展规则？

谢谢， ds

4

2 回答 2

6

这是正常边框属性的 Mozilla 内部表示，可以是 Web 开发人员工具栏 + 参见 Dom Inspector。

对 CSS 作者来说没有什么意义。

于 2010-12-22T14:29:33.700 回答
4
  1. 不，在 jsfiddle 中测试它，它不会工作。
  2. 为什么会很重要？你真的想这样写你的代码吗？

我认为你和设计师需要认真讨论编写不可维护的不必要代码，并且可能无法在一半的浏览器中工作。

于 2010-10-18T17:45:52.943 回答