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

СВОЙСТВО BORDER-IMAGE-SOURCE

Свойство border-image-source указывает путь к изображению, которое будет использоваться в качестве рамки.

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

11+

Синтаксис

border-image-source: none|url|initial|inherit

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

Значение Описание
none Изображение не будет использоваться.
url Путь к изображению, которое будет использоваться в качестве рамки.
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

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

<div class="block"></div>
HTML 
.block {
    height: 50px;
    width: 50px;
    margin: 30px;
    background: #f1f1f1;
    border: 15px solid transparent;
    padding: 15px;   
    border-image-source: url(/images/border.png);
    border-image-slice: 30% fill;
    border-image-repeat: round;
    border-image-outset:2;
}
CSS
← Перейти к списку свойств