Che cosa significa questo valore CSS?

Question

Durante la visualizzazione della sorgente di una pagina web, mi sono imbattuto in questo CSS, applicato ad un arco all'interno di un pulsante:

.whatever button span {
    position: absolute;
    left: -1e+7px;
}

Che cosa significa left: -1e+7px;? È questo un trucco che dovrei essere a conoscenza?

Answer 1

Sembra essere scientifica notazione (in questo caso, per -10,000,000px ). Al meglio della mia conoscenza, CSS non consente la notazione scientifica (è assente da il standard, ma una ricerca su Google per "css notazione scientifica" salta fuori parecchi reclami contro Batik - un motore SVG - per non che lo sostengono). Direi che alcuni parser CSS supportano tale notazione, nonostante non sia parte dello standard, ma se è così, non riesco a trovare informazioni su che parser supportano.

Per essere sicuro, vorrei evitare di usarlo nelle vostre fogli di stile.

Answer 2

Dal specifiche CSS2 sui Numeri

---

Alcuni tipi di valore possono avere valori interi (indicati da ~ ~ intero) o valori numerici reali (indicati da ~ numero ~). I numeri reali e interi sono specificati solo in notazione decimale. Un numero intero ~ ~ costituito da una o più cifre "0" a "9". Un numero ~ ~ può essere sia un numero intero ~ ~, oppure può essere zero o più cifre seguite da un punto (.) Seguito da una o più cifre. Entrambi i numeri interi e numeri reali possono essere preceduti da un "-" o "+" per indicare il segno. -0 equivale a 0 e non è un numero negativo.

---

IE accetta la notazione scientifica. Firefox ignora.

Answer 3

Lo supporto CSS notazione scientifica? Stanno cercando di mettere il pulsante dieci milioni di pixel di lato, forse per avere un pulsante di default che non è visibile?

Answer 4

Questa è scientifica notazione , che significa -1 * 10 ^ 7 = -10.000.000.

Answer 5

Non è validato CSS, secondo il W3C validatore :

.whatever button span    Value Error : position attempt to find a semi-colon before the property name. add it
.whatever button span    Value Error : left Unknown dimension 1e

Se si aggiunge il ; mancante dopo position: absolute, è ancora ottenere:

whatever button span     Value Error : left Unknown dimension 1e