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

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

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

-moz-background-clip

Internet Explorer Chrome Opera Safari Firefox Android iOS
        1.0+    

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

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

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание





Определяет, как цвет фона или фоновая картинка должна выводиться под границами. Эффект заметен при прозрачных или пунктирных границах.

Синтаксис

-moz-background-clip: [padding | border] [, [padding | border]]

Значения

padding
Фон отображается внутри границ.
border
Фон выводится под границами.

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

Результат использования разных значений для элемента с пунктирной рамкой толщиной 10 пикселов показан на рис. 1.

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

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





Пример

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-moz-background-clip</title>
  <style>
   .example {
    background: url(/css/images/gear.png) no-repeat,
    url(/css/images/navigation-bg.png) repeat-x; /* Фоновый рисунок */
    border: 10px dotted maroon; /* Параметры рамки */ 
    -moz-background-clip: border; /* Фон под рамкой */ 
    padding: 10px; /* Поля */
    min-height: 47px; /* Минимальная высота */
   }
  </style>
 </head>
 <body>
  <div class="example">Содержимое страницы</div>
 </body>
</html>

Браузеры

Firefox с версии 4.0 поддерживает стандартное свойство background-clip.





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

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


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

Yandex ТИЦ:      Google PR:  

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