¿Qué significa este valor CSS?

Question

Mientras ve la fuente de una página web, me encontré con este CSS, aplicado a un lapso dentro de un botón:

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

¿Qué significa left: -1e+7px;? Es algún truco que debería tener en cuenta?

Answer 1

Parece ser científica notación (en este caso, por -10,000,000px ). A lo mejor de mi conocimiento, CSS no permite la notación científica (que está ausente de la norma, pero una búsqueda en Google para "notación científica css" vuelve a varias quejas en contra del batik - un motor SVG - no lo apoyan). Me imagino que algunos analizadores CSS apoyan esa notación, a pesar de no ser parte de la norma, pero si es así, no puedo encontrar información sobre los que analizadores apoyan.

Para estar seguro, evitaría usarlo en sus propias hojas de estilo.

Answer 2

A partir de la especificación CSS2 en números

---

Algunos tipos de valor pueden tener valores enteros (denotados por ~ número entero ~) o valores de número real (denotados por ~ número ~). Los números reales y enteros solamente se especifican en notación decimal. Un ~ número entero ~ consiste en uno o más dígitos "0" a "9". Un número ~ ~ puede ser o bien un número entero ~ ~, o puede ser cero o más dígitos seguidos por un punto (.) Seguido de uno o más dígitos. Los dos números enteros y números reales pueden ser precedidos por un signo "-" o "+" para indicar el signo. -0 es equivalente a 0 y no es un número negativo.

---

IE acepta notación científica. Firefox lo ignora.

Answer 3

¿son compatibles con CSS notación científica? ¿Están tratando de poner el botón de diez millones de píxeles a un lado, tal vez para tener una tecla predeterminada que no es visible?

Answer 4

Este es científica notación , lo que significa -1 * 10 ^ 7 = -10.000.000.

Answer 5

Eso no es válido CSS, de acuerdo con el W3C validador :

.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

Si se agrega el ; desaparecidos tras position: absolute, sigue recibiendo:

whatever button span     Value Error : left Unknown dimension 1e