Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Css - Expanded shorthand properties - What is border-left-color-ltr-source:physical

Tags:

css

firebug

rules

Introduction

When clicking on the css tab on Firebug, there is an option available called "Expand Shorthand Properties"!

A typical css rule like the following:

border-left:2px solid #7FA100;

..is converted into the "Expanded" version like so:

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;

My problem / question

I work on a project where the designer introduces style sheets that contain rules in their "expanded" nature directly.

1) Are they proper css rules?

2) Do all (or any, or which) browsers recognize these expanded rules directly?

Thanks, dS

like image 734
sincospi Avatar asked Oct 18 '10 17:10

sincospi


2 Answers

This is a Mozilla-internal representation of the normal border property that could be the web developer toolbar + see Dom Inspector.

Nothing of significance for CSS authors.

like image 173
Omegakenshin Avatar answered Oct 05 '22 21:10

Omegakenshin


  1. No, test it in jsfiddle and it wont work.
  2. Why would it matter? Do you really want to write your code like that?

I think you and the designer need to have a serious talk about writing unnecessary code that is not maintainable and probably doesn't work in half the browsers out there.

like image 34
Moses Avatar answered Oct 05 '22 23:10

Moses