Почему Firebug добавляет стили -moz- * при проверке элемента CSS?

Question

Всякий раз, когда я проверяю элементы страницы в Firebug, я всегда вижу добавление таких стилей, как ...

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

... и т. Д. В поле стиля. Почему он это делает?

Answer 1

Не Firebug добавляет эти правила, а движок рендеринга Gecko. Они являются частью «таблицы стилей по умолчанию». (Стиль по умолчанию, который конкретный агент применяет перед синтаксическим анализом стилей на странице. Они имеют специфичность 0,0,0,0, что по сути означает, что любое дальнейшее объявление того же правила отменяет значение по умолчанию.)

Поскольку в настройках Firebug установлен флажок «Показать CSS пользовательского агента», Firebug отображает эти правила.

---

Из справочника разработчика Mozilla:

-moz-фон-клип

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

border : (начальный) Фон распространяется на внешний край границы (но под границей в z-порядке).

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

---

-moz-фон-рядный политик

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

ограничивающий прямоугольник : Фоновое изображение располагается (и повторяется) в наименьшем прямоугольнике, который содержит все встроенные поля для элемента. Затем он обрезается, чтобы быть видимым только внутри этих полей, в соответствии со свойством -moz-background-clip.

непрерывный : (По умолчанию) Фоновое изображение позиционируется (и повторяется), как если бы встроенный прямоугольник не был разбит по линиям, а затем этот длинный прямоугольник разрезался на части для каждой строки.

каждый блок : Фоновое изображение размещается (и повторяется) отдельно для каждого блока встроенного элемента. Это означает, что изображение с background-repeat : no-repeat может повторяться несколько раз.

---

-moz-фон-происхождения

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

border : Положение фона относительно границы, поэтому изображение может идти за границей.

padding : (По умолчанию) Положение фона относительно отступа.

content : Положение фона относительно содержимого.

Answer 2

Это CSS 3 и экспериментальные свойства. Поскольку эти свойства еще не являются стандартными, они добавляют этот префикс.

Answer 3

Я полагаю, что это все мелкие дополнительные дизайнерские вещи, которые Firebug добавляет на вашу страницу, когда вы ее используете. Как добавление цветных рамок вокруг элементов уровня блока и т. Д.