CSS-свойство border-image-width определяет ширину border.

Значение по умолчанию: 1
Применяется к: Все элементы, кроме внутренних элементов таблицы, когда border-collapse установлен collapse. Это также относится к ::first-letter.
Наследование: Нет
Анимирование: Нет. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

border-image-width: [ length | percentage | number | auto ] 1 to 4 values | initial | inherit

Примеры написания кода свойства border-image-width:

.box {
    width: 300px;
    height: 150px;
    border-image-source: url("border.png");
    border-image-width: 10px;
    border-image-slice: 30;
    border-image-repeat: round;
} 

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

В следующей таблице описаны значения этого свойства.

Значение Описание
length Определяет ширину границы в абсолютных или относительных единицах.
percentage Определяет ширину границы в процентах от ширины элемента.
number Представляет кратное вычисленние значения элемента border-width или ширину border box.
auto Указывает, что ширина изображения границы является собственной шириной или высотой соответствующего среза изображения.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента border-image-width.

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

Свойство border-image-width поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.