Свойство background-clip
  1. Главная
  2. CSS
  3. Свойство background-clip
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО BACKGROUND-CLIP

Свойство background-clip определяет, насколько далеко фон (цвет или изображение) должен распространяться внутри элемента.

Поддержка браузеров

9+

Синтаксис

background-clip: border-box|padding-box|content-box|initial|inherit

Значения свойства

Значение Описание
border-box Значение по умочанию. Фон распространяется под границами.
padding-box Фон распространяется внутри границ.
content-box Фон распространяется внутри содержимого.
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block">
</div>
HTML 
.block {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-color: gray;
    border: 1px solid orange;
    margin: 30px;
    height:100px;
    padding:15px;
    width:100px
}
CSS
← Перейти к списку свойств