СSS Свойство background-clip
Пример
Укажите, как далеко должен простираться фон внутри элемента:
div
{
border: 10px dotted black;
padding: 15px;
background:
lightblue;
background-clip: padding-box;
}
Редактор кода »
Определение и использование
Свойство background-clip определяет, как далеко находится фон (цвет или изображение) , как должен распространяться в пределах элемента.
| Значение по умолчанию: | border-box |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.backgroundClip="content-box" Редактор кода |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| 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 | Задает этому свойству значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Backgrounds
HTML DOM справочник: свойство backgroundClip
