Путешественникам, меломанам, бизнесменам, вебмастерам, новости.

Главная сайта     Контакты     Поиск по сайту

Скачать справочники можно на isxodniki.ru

-moz-background-origin

Internet Explorer Chrome Opera Safari Firefox Android iOS
        1.0+    

Краткая информация

Значение по умолчанию padding
Наследуется Нет
Применяется Ко всем элементам
Процентная запись Неприменима

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание





Свойство -moz-background-origin определяет область позиционирования фонового рисунка. Это свойство не применяется, когда значение background-attachment задано как fixed.

Синтаксис

-moz-background-origin: [padding | border | content] [, [padding | border | content]]

Значения

padding
Фон позиционируется относительно края элемента с учетом толщины границы.
border
Фон позиционируется относительно границы, при этом линия границы может перекрывать изображение.
content
Фон позиционируется относительно содержимого элемента.

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

Результат использования значений свойства -moz-background-origin для элемента с рамкой толщиной 20 пикселов показан на рис. 1.

Рис. 
1а Рис. 
1а Рис. 
1а
padding border content

Рис. 1. Результат применения разных значений





Пример

HTML5CSS 2.1CSS 3IE 9Cr 15Op 11Sa 5Fx 8

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-moz-background-origin</title>
  <style>
   .example {
    border: 20px solid #fc0;
    padding: 20px;
    height: 200px;
    background: url(/css/images/figure.jpg) no-repeat;
    -moz-background-origin: content; /* Для Firefox до версии 4.0 */
    background-origin: content-box; /* Для Firefox 4 */
   }
  </style>
 </head>
 <body>
  <div class="example">...</div>
 </body>
</html>
  

Браузеры

Firefox до версии 3.6 не поддерживает несколько значений для разных фоновых картинок.

Firefox 4.0 наряду с -moz-background-origin поддерживает стандартное свойство background-origin.





Спонсоры сайта:

Поделиться ссылкой на эту страницу в Vkontakte, FaceBook, Одноклассниках и других социальных сетях:


Есть ли эта страница в памяти поисковиков?

Yandex ТИЦ:      Google PR:  

Скачать справочники можно на isxodniki.ru