пример
Укажите область рисования фона:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
Попробуй сам " Определение и использование
Свойство фон-клип определяет область рисования фона.
Значение по умолчанию: | border-box |
---|---|
Наследование: | no |
Animatable: | no. Read about animatable |
Версия: | CSS3 |
Синтаксис JavaScript: | object .style.backgroundClip="content-box" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS Синтаксис
background-clip: border-box|padding-box|content-box|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
border-box | Значение по умолчанию. Фон обрезается к коробке границы | Сыграй " |
padding-box | Фон обрезается в поле отступа | Сыграй " |
content-box | Фон обрезается в окне содержимого | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 стола
HTML DOM ссылка: backgroundClip property