Всякий раз, когда я проверяю элементы страницы в Firebug, я всегда вижу, что он добавляет такие стили, как...
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
... и т. д., в поле «Стиль». Почему это происходит?
Эти правила добавляет не Firebug, а механизм рендеринга Gecko. Они являются частью «таблицы стилей по умолчанию». (Стили по умолчанию, которые конкретный агент применяет перед синтаксическим анализом стилей на странице. Они имеют специфичность 0,0,0,0, что по существу означает, что любое дальнейшее объявление того же правила переопределяет значение по умолчанию.)
Поскольку в настройках Firebug установлен флажок «Показать CSS User-Agent», Firebug отображает эти правила.
Из справочника разработчиков Mozilla:
В приложениях на основе Gecko, таких как Firefox, свойство CSS
-moz-background-clipуказывает, проходит ли фон элемента, цвет или изображение, под его границей.граница: (начальный) фон простирается до внешнего края границы (но под границей в z-упорядочении).
padding: фон ниже границы не рисуется (фон простирается до внешнего края отступа).
В приложениях на основе Gecko, таких как Firefox, свойство CSS
-moz-background-inline-policyуказывает, как определяется фоновое изображение встроенного элемента, когда содержимое встроенного элемента переносится на несколько строк. Выбор позиции оказывает значительное влияние на повторение.bounding-box: фоновое изображение размещается (и повторяется) в наименьшем прямоугольнике, содержащем все встроенные блоки для элемента. Затем он обрезается, чтобы быть видимым только внутри этих блоков, в соответствии со свойством
-moz-background-clip.непрерывный: (начальный) фоновое изображение позиционируется (и повторяется), как если бы встроенный блок не был разбит на строки, а затем этот длинный прямоугольник разрезается на части для каждой строки.
каждое поле: фоновое изображение размещается (и повторяется) отдельно для каждого поля встроенного элемента. Это означает, что изображение с
background-repeat : no-repeatможет повторяться несколько раз.
В приложениях Mozilla, таких как Firefox, свойство CSS
-moz-background-originопределяет область позиционирования фона (происхождение фонового изображения).граница: положение фона относительно границы, поэтому изображение может выходить за границу.
padding: (По умолчанию) позиция фона относительно заполнения.
контент: позиция фона относительно контента.
Это CSS 3 и экспериментальные свойства. Поскольку эти свойства еще не являются стандартными, они добавляют этот префикс.
Я считаю, что это все небольшие дополнительные элементы дизайна, которые Firebug добавляет на вашу страницу, когда вы ее используете. Например, добавление цветных рамок вокруг элементов блочного уровня и т. д.
