ویژگی background-clip CSS
- صفحه قبل background-blend-mode
- صفحه بعدی background-color
определение и использование
background-clip
атрибут определяет область рисования фона.
также см.:
Учебник CSS:پسزمینه CSSиCSS фоновое изображение (расширенное)
Руководство по HTML DOM:атрибут backgroundClip
пример
определяет область рисования фона:
div { background-color:yellow; background-clip:content-box; }
CSS синтаксис
background-clip: border-box|padding-box|content-box;
значение атрибута
значение | описание | тест |
---|---|---|
border-box | фоновое изображение обрезается до области рамки. | тест |
padding-box | фоновое изображение обрезается до области отступа. | тест |
content-box | фоновое изображение обрезается до области содержимого. | тест |
технические детали
по умолчанию: | border-box |
---|---|
наследование: | нет |
версия: | CSS3 |
JavaScript синтаксис: | объект.style.backgroundClip="content-box" |
поддержка браузерами
числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
chrome | edge | firefox | сafari | опера |
---|---|---|---|---|
chrome | IE / edge | firefox | сafari | опера |
4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- صفحه قبل background-blend-mode
- صفحه بعدی background-color