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

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

Свойство border-image-width указывает ширину изображения рамки.

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

11+

Синтаксис

border-image-width: единицы измерения|число|проценты|auto|initial|inherit;

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

Значение Описание
единицы измерения Указывает ширину рамки в единицах измерения.
число Ширина рамки, указанная как кратное значение border-width. Отрицательные значения не допускаются.
проценты Относится к размеру области изображения границы: ширина области для горизонтальных смещений, высота для вертикальных смещений.
auto Ширина рамки сделана равной внутренней ширине или высоте (в зависимости от того, что применимо) соответствующего border-image-slice. Если изображение не имеет требуемого внутреннего размера, вместо него используется соответствующая border-width.
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-width:20px;
}
CSS
← Перейти к списку свойств