Защо Firebug добавя -moz-* стилове, когато проверява CSS на елемент?

Всеки път, когато проверявам елементи на страница във Firebug, винаги виждам, че добавя стилове като...

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

... и т.н. към полето Стил. Защо прави това?


person Ian    schedule 10.08.2009    source източник


Отговори (3)


Не Firebug добавя тези правила, а механизмът за изобразяване на Gecko. Те са част от "листовете със стилове по подразбиране". (Стилът по подразбиране, който конкретен агент прилага, преди да анализира стиловете на страницата. Те имат специфичност 0,0,0,0, което по същество означава, че всяко следващо деклариране на същото правило отменя правилото по подразбиране.)

Тъй като сте отметнали „Показване на CSS на потребителския агент“ в настройките на Firebug, Firebug показва тези правила.


От Справочник за разработчици на Mozilla:

-moz-background-clip

В приложения, базирани на Gecko, като Firefox, свойството -moz-background-clip CSS указва дали фонът на даден елемент, цветът или изображението, се простира под неговата граница

граница: (първоначално) Фонът се простира до външния ръб на границата (но под границата в z-подреждане).

подложка: Под границата не се рисува фон (фонът се простира до външния ръб на подложката).


-moz-background-inline-policy

В приложения, базирани на Gecko, като Firefox, свойството -moz-background-inline-policy CSS указва как се определя фоновото изображение на вграден елемент, когато съдържанието на вградения елемент се обвива на няколко реда. Изборът на позиция оказва значително въздействие върху повторението.

ограничаващо поле: Фоновото изображение е позиционирано (и се повтаря) в най-малкия правоъгълник, който съдържа всички вградени полета за елемента. След това се изрязва, за да се вижда само в тези полета, според свойството -moz-background-clip.

непрекъснато: (Първоначално) Фоновото изображение е позиционирано (и се повтаря), сякаш вграденото поле не е разделено на редове, а след това този дълъг правоъгълник се нарязва на парчета за всеки ред.

всяка кутия: Фоновото изображение се позиционира (и повтаря) отделно за всяка кутия на вградения елемент. Това означава, че изображение с background-repeat : no-repeat може да се повтори многократно.


-moz-background-origin

В приложенията на Mozilla като Firefox, свойството -moz-background-origin CSS определя зоната за позициониране на фона (произхода на фоново изображение).

граница: Позицията на фона е спрямо границата, така че изображението може да отиде зад границата.

подложка: (начална) Позицията на фона е спрямо подложката.

съдържание: Позицията на фона е спрямо съдържанието.

person Andrew Moore    schedule 10.08.2009
comment
Къде е този комплект? Показване на потребителски агент CSS. Работя с Firebug 1.4.2 - person Ian; 11.08.2009
comment
В раздела HTML, десният панел, където е показан стилът. Има малка стрелка отдясно на раздела Стил. Там ще намерите опцията. - person Andrew Moore; 11.08.2009

Това са CSS 3 и експериментални свойства. Тъй като тези свойства все още не са стандартни, те добавят този префикс.

person miguelSantirso    schedule 10.08.2009

Вярвам, че това са всички малки допълнителни дизайнерски неща, които firebug добавя към вашата страница, когато я използвате. Като добавяне на цветни кутии около елементи на ниво блок и т.н.

person Anders    schedule 10.08.2009