Css - 扩展的速记属性 - 什么是border-left-color-ltr-source：physical

Question

简介

点击Firebug上的css标签时，有一个名为“展开速记属性”的选项！

典型的css规则如下：

border-left:2px solid #7FA100;

..转换为“Expanded”版本，如下所示：

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

Answer 1

这是普通border属性的Mozilla内部表示，可以是Web开发人员工具栏+请参阅Dom Inspector。

CSS作者没有任何意义。

Answer 2

1. 不，在jsfiddle中测试它，它不会工作。
2. 为什么重要？你真的想写那样的代码吗？

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