2010-10-18 26 views
5

IntroduzioneCss - Expanded le proprietà scorciatoie - Che cosa è border-left-color-LTR-source: fisico

Cliccando sulla scheda CSS Firebug, c'è un'opzione disponibile chiamata "Espandi Stenografia Proprietà "!

Una tipica regola CSS come la seguente:

border-left:2px solid #7FA100; 

..è convertiti nella versione "estesa" in questo modo:

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; 

Il mio problema/domanda

I lavorare su un progetto in cui il progettista introduce direttamente fogli di stile che contengono regole nella loro natura "espansa".

1) Sono proprie regole CSS?

2) Tutti i browser (o nessuno o quali) riconoscono direttamente queste regole espanse?

Grazie, dS

+0

Ok, quindi non sono sicuramente regole css valide. Ma sono ancora * molto * curioso sul motivo per cui Firebug offre come caratteristica le proprietà estese delle stenografie! – sincospi

+0

Essere in grado di espandere una proprietà di stenografia come border alla sua controparte long hand è una funzione utile per apportare ritocchi/aggiustamenti precisi. – Moses

+0

Ho la stessa domanda, non sapevo perché questo accadesse, mi piacerebbe sapere ... ^^ – Omegakenshin

risposta

4
  1. No, provarlo in jsfiddle e non funzionerà.
  2. Perché importa? Vuoi davvero scrivere il tuo codice in questo modo?

Penso che tu e il progettista sia necessario parlare seriamente di scrivere codice non necessario non gestibile e che probabilmente non funziona nella metà dei browser.

6

Questa è una rappresentazione interna di Mozilla della normale proprietà del bordo che potrebbe essere la barra degli strumenti di sviluppo Web + vedere Dom Inspector.

Niente di significativo per gli autori CSS.

+0

Anche questo thread è utile: http://www.sitepoint.com/forums/showthread.php?649256 -qual è la differenza – Phlume