CSS3 border-image-slice Property

пример

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

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

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

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

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

Совет: Также обратите внимание на границы изображения собственности (a shorthand property for setting all the border-image-* properties) .

Значение по умолчанию:	100%
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.borderImageSlice="30%" Try it

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

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

Имущество
border-image-slice	15,0	11,0	15,0	6.0	15,0

CSS Синтаксис

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

Note: Свойство границы изображения срез может занять от одного до четырех значений. Если четвертое значение пропущено, оно такое же, как во втором. Если третий также не указан, он такой же, как и первый. Если второй также не указан, он такой же, как и первый.

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

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

CSS Справка