Свойство CSS

background-clip

Описание

background-clip - Установка цвета фона или фоновой картинки под границами элемента.

CSS 1 / CSS 2 / CSS 2.1 / CSS 3

Значения

background-clip: / padding-box / border-box / content-box /

Запись

background-clip: padding-box - Фон отображается внутри границ. background-clip: border-box - Фон выводится под границами. background-clip: content-box - Фон отображается только внутри контента.

Пример записи

<html>
 <head>
  <meta charset="windows-1251">
  <title></title>
  <style>
   .dash {
    background: #ffff00 url(vt2.jpg); /* Фон */
    border: 3px  dashed green; /* Толщина,стиль,цвет рамки */
    background-clip: padding-box; /* Фон внутри границ */
    padding: 5px; /* Поля для элемента */
    color: #ffff00; /* Цвет текста */
    min-height: 50px; /* Минимальная высота */
    }
    .sol {
    background: #ffff00 url(vt2.jpg); /* Фон */
    border: 3px solid red; /* Толщина,стиль,цвет рамки */
    background-clip: border-box; /* Фон под рамкой */
    padding: 5px; /* Поля для элемента */
    color: #ffff00; /* Цвет текста */
    min-height: 48px; /* Минимальная высота */
    }
    .doub {
    background: #ffff00 url(vt2.jpg); /* Фон */
    border: 7px double #ffff00; /* Параметры рамки */
    background-clip: border-box; /* Фон под рамкой */
    padding: 5px; /* Поля для элемента */
    color: #ffff00; /* Цвет текста */
    min-height: 48px; /* Минимальная высота */
    }
  </style>
  <a href="" onclick="openPopupWin()">Посмотрите пример со значением <b>background-color</b> в отдельном окне</a><br>
  <div class="dash"><b>border: 3px  dashed green</b></div>
  <div class="sol"><b>border: 3px solid red;</b></div>
  <div class="doub"><b>border: 7px double #ffff00;</b></div>
 </body>
</html>

Посмотрите пример со значением background-clip

sitesaid.ru

Создание сайта

Справочник CSS

Примеры сайтов

Управление сайтом

Анимация на сайте

Программирование

Свойство CSS

background-clip

Описание

Значения

Запись

Пример записи

Посмотрите пример со значением background-clip

Свойства CSS

Справка

Для сайта

Шаблон личного сайта

Шаблоны о природе

Шаблоны о науке

Шаблоны о бизнесе

Шаблоны для женщин

Шаблоны транспорта

—Новые Технологии —