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

sin*_*spi 5 css firebug rules

介绍

单击Firebug上的css选项卡时,会出现一个名为" Expand Shorthand Properties " 的选项!

典型的css规则如下:

border-left:2px solid #7FA100;
Run Code Online (Sandbox Code Playgroud)

..转换成"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;
Run Code Online (Sandbox Code Playgroud)

我的问题/问题

我在一个项目中工作,设计师直接在其"扩展"性质中引入包含规则的样式表.

1)它们是正确的css规则吗?

2)所有(或任何或哪些)浏览器是否直接识别这些扩展规则?

谢谢,dS

Ome*_*hin 6

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

CSS作者没什么重要意义.


Mos*_*ses 4

  1. 不行,用jsfiddle测试一下,不行。
  2. 为什么这很重要?您真的想这样编写代码吗?

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