English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство CSS background-clip определяет, будет ли фоновый цвет или изображение элемента распространяться за его границы.
В таблице ниже总结了 использование этого свойства и историю версий.
| Значение по умолчанию: | border-box |
|---|---|
| Применяется к: | Все элементы. Это также применяется к::first-letterи::first-line。 |
| Наследование: | Нет |
| Могут быть анимированы: | Нет.См. также Свойства анимации。 |
| Версия: | Новая функция CSS3 |
| JavaScript грамматика: | object object.style.backgroundClip="content-box" |
Грамматика этого свойства такая:
background-clip: border-box | padding-box | content-box | initial | inherit
Ниже приведен пример того, как использовать свойство background-clip.
.box {
width: 250px;
height: 150px;
padding: 10px;
border: 6px dashed #333;
background: orange;
background-clip: content-box;
}Проверьте, пожалуйста‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| border-box | Указать, что фоновое изображение должно быть расширено до внешнего края рамки. Ниже рамки фоновое изображение рисуется. Это значение по умолчанию. |
| padding-box | Указать, что фоновое изображение должно быть расширено до внешнего края заполнения. Ниже рамки фоновое изображение не рисуется. |
| content-box | Указать, что фоновое изображение должно быть нарисовано только в области содержимого (вырезано). В области под рамкой и заполнением фоновое изображение не рисуется. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует вычисленное значение свойства background-clip родительского элемента. |
Совместимость браузеров для свойства background-clip, все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS3 фон，CSS3 фон。
Связанные свойства:background，background-attachment，background-color，background-image，background-origin，background-position，background-repeat，background-size。