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

【问题标题】：Css - Expanded shorthand properties - What is border-left-color-ltr-source:physicalCss - 扩展的速记属性 - 什么是border-left-color-ltr-source:physical
【发布时间】：2011-04-27 01:54:47
【问题描述】：

简介

单击 Firebug 上的 css 选项卡时，有一个名为“Expand Shorthand Properties”的选项可用！

典型的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

【问题讨论】：

好的，所以它们绝对不是有效的 css 规则。但我仍然非常好奇为什么 Firebug 提供扩展的速记属性作为功能！
能够将诸如边框之类的速记属性扩展到其长手对应物是进行精确调整/调整的有用功能。
我也有同样的问题，不知道为什么会这样，我想知道... ^^

标签： css firebug rules

【解决方案1】：

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

对 CSS 作者来说没有任何意义。

【讨论】：

这个帖子也很有帮助：sitepoint.com/forums/…

【解决方案2】：

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

我认为你和设计者需要认真讨论一下编写不必要的代码，这些代码是不可维护的，并且可能无法在一半的浏览器中运行。

【讨论】：