Perché Firebug aggiunge -moz- * stili durante l'ispezione degli elementi CSS?

Question

Ogni volta che ispezionare gli elementi della pagina in Firebug, vedo sempre che l'aggiunta di stili come ad esempio ...

-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 

... ecc, al dialogo Stile. Perché fa questo?

Answer 1

Non è Firebug ad aggiungere quelle regole ma il motore di rendering Gecko. Fanno parte del "foglio di stile predefinito". (Lo stile predefinito applicato a un determinato agente prima di analizzare gli stili nella pagina ha una specificità di 0,0,0,0 che significa essenzialmente che qualsiasi ulteriore dichiarazione della stessa regola sovrascrive il valore predefinito.)

Dato che avere "Mostra CSS User-Agent" controllato nelle impostazioni di Firebug, Firebug visualizza quelle regole.

---

Dal Mozilla Developer Riferimento:

-moz-background-clip

Nelle applicazioni basati su Gecko come Firefox proprietà -moz-background-clip CSS specifica se sfondo di un elemento, sia il colore o l'immagine, si estende sotto la sua confine

confine: (iniziale) Lo sfondo si estende verso l'esterno bordo del bordo (ma sotto il bordo nell'ordine z).

padding: nessuno sfondo viene disegnato sotto il bordo (lo sfondo si estende fino al bordo esterno del riempimento).

---

-moz-background-inline-policy

Nelle applicazioni basati su Gecko come Firefox, la proprietà -moz-background-inline-policy CSS specifica come l'immagine di un elemento in linea di fondo è determinato quando il contenuto del elemento in linea avvolge su più righe . La scelta della posizione ha effetti significativi sulla ripetizione.

bounding box: L'immagine di sfondo viene posizionata (e ripetuta) nel rettangolo più piccolo che contiene tutti i riquadrati in linea per l'elemento. Viene quindi ritagliato per essere visibile solo all'interno di quelle caselle, in base alla proprietà -moz-background-clip.

continuo: (Iniziale) L'immagine di sfondo viene posizionata (e ripetuta) come se la casella in linea non venisse spezzata tra le righe, e quindi questo lungo rettangolo viene tagliato a pezzi per ogni linea.

ciascuna casella: l'immagine di sfondo viene posizionata (e ripetuta) separatamente per ogni casella dell'elemento in linea. Ciò significa che un'immagine con background-repeat : no-repeat può essere ripetuta più volte.

---

-moz-background-origin

Nelle applicazioni Mozilla come Firefox, la proprietà CSS -moz-background-origin determina l'area di sfondo di posizionamento (l'origine di un background-image).

confine: la posizione dello sfondo è relativa al bordo, pertanto l'immagine può andare oltre il bordo.

padding: (iniziale) La posizione dello sfondo è relativa al padding.

contenuto: la posizione dello sfondo è relativa al contenuto.

Answer 2

Credo che siano tutte le cose di design in più che Firebug aggiunge alla pagina quando la si utilizza. Come aggiungere riquadri colorati attorno a elementi a livello di blocco ecc.

Answer 3

Che sono CSS 3 e proprietà sperimentali. Poiché tali proprietà non sono ancora standard, aggiungono quel prefisso.