СSS Свойство border-image-slice

Пример

Указать, как разрезать изображение границы:

#borderimg {
border-image-slice: 30%;
}

Определение и использование

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

Деталь "middle" считается полностью прозрачной, если не задано ключевое слово fill.

Совет: Также посмотрите на свойство border-image (сокращенное свойство для установки всех свойств border-image -*).

Значение по умолчанию:	100%
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderImageSlice="30%" Попробовать

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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
border-image-slice	15.0	11.0	15.0	6.0	15.0

CSS Синтаксис

border-image-slice: number|%|fill|initial|inherit;

Примечание: Свойство border-image-slice может принимать от одного до четырех значений. Если четвертое значение опущено, оно совпадает со вторым. Если третий тоже опущен, то это то же самое, что и первый. Если второй тоже опущен, то это то же самое, что и первый.

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

Свойство	Описание	Воспроизвести
number	Числа представляют пиксели для растровых изображений или координаты для векторных изображений	Воспроизвести »
%	Проценты относятся к высоте или ширине изображения	Воспроизвести »
fill	Причины средней части изображения, которое будет отображаться	Воспроизвести »
initial	Устанавливает для этого свойства значение по умолчанию. Прочитать о initial
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit