Свойство border-image-slice свойство определяет способ среза изображения, заданного параметром border-Image-Source. Изображение всегда разрезается на девять секций: четыре угла, четыре кромки и середина. "средняя" часть обрабатывается как полностью прозрачная, если не задано ключевое слово Fill.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
| Значение по умолчанию: | 1 |
| Inherited: | no |
| Animatable: | no |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.borderImageSlice="30%" |
Поддержка браузера
| Свойство: | border-image-slice |
| Chrome | 15.0 |
| Explorer/Edge | 11.0 |
| Firefox | 15.0 |
| Safari | 6.0 |
| Opera | 15.0 |
Синтаксис CSS
border-image-slice: number|%|fill|initial|inherit;
Значения свойств
| Значение | Описание |
| number | Число(а) представляют Пиксели для растровых изображений или координат для векторных изображений |
| % | Проценты относительно высоты или ширины изображения |
| fill | Приводит к отображению средней части изображения |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |