Siempre que inspeccionar elementos de página en Firebug, que siempre ven la adición de estilos tales como ...¿Por qué Firebug agrega -moz- * estilos cuando se inspecciona el elemento CSS?
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
... etc, a la caja de estilo. ¿Por qué hace esto?
No es Firebug agregar esas reglas, pero el motor de renderizado Gecko. Son parte de "la hoja de estilos predeterminada". (El estilo predeterminado que aplica un agente en particular antes de analizar los estilos en la página. Tienen una especificidad de 0,0,0,0 que esencialmente significa que cualquier declaración adicional de la misma regla anula la predeterminada.)
Como usted tiene "Mostrar CSS de User-Agent" Controlado en la configuración de Firebug, Firebug muestra esas reglas.
Desde el Mozilla Developer Referencia:
En aplicaciones basados en Gecko como Firefox la propiedad
-moz-background-clipCSS especifica si el fondo de un elemento, ya sea el color o la imagen, se extiende por debajo de su fronteraborde: (inicial) El fondo se extiende al exterior borde del borde (pero debajo del borde en orden z).
relleno: Ningún fondo se dibuja debajo del borde (el fondo se extiende hasta el borde exterior del relleno).
En aplicaciones basados en Gecko como Firefox, la propiedad
-moz-background-inline-policyCSS especifica cómo la imagen de fondo de un elemento en línea se determina cuando el contenido del elemento en línea envuelve en varias líneas . La elección de la posición tiene efectos significativos en la repetición.cuadro delimitador: La imagen de fondo se coloca (y se repite) en el rectángulo más pequeño que contiene todos los cuadros en línea para el elemento. A continuación, se recorta para que sea visible solo dentro de esos cuadros, de acuerdo con la propiedad
-moz-background-clip.continuo: (Inicial) La imagen de fondo se coloca (y se repite) como si el cuadro en línea no estuviera roto en líneas, y luego este rectángulo largo se corta en trozos para cada línea.
each-box: La imagen de fondo se coloca (y se repite) por separado para cada cuadro del elemento en línea. Esto significa que una imagen con
background-repeat : no-repeatse puede repetir varias veces.
En aplicaciones de Mozilla Firefox, la propiedad CSS
-moz-background-origindetermina el área de fondo de posicionamiento (el origen de una imagen de fondo).borde: La posición de fondo es relativa al borde, por lo que la imagen puede ir detrás del borde.
relleno: (Inicial) La posición de fondo es relativa al relleno.
contenido: La posición de fondo es relativa al contenido.
Creo que son todas las pequeñas cosas de diseño extra que Firebug agrega a su página cuando lo está usando. Como agregar cuadros de colores alrededor de elementos de nivel de bloque, etc.
que son CSS 3 y propiedades experimentales. Como esas propiedades aún no son estándar, agregan ese prefijo.
¿Dónde está este conjunto? "Mostrar User-Agent CSS" Estoy ejecutando Firebug 1.4.2 – Ian
En la pestaña HTML, el panel derecho donde se muestra el estilo. Hay una pequeña flecha a la derecha de la pestaña Estilo. Encontrarás la opción allí. –