Свойство borderImageSlice
Пример style.borderImageSlice
Укажите внутренние смещения границы изображения:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Попробуйте сами »
Описание borderImageSlice
Свойство borderImageSlice определяет внутренние смещения границы изображения.
Поддержка borderImageSlice
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderImageSlice | Да | 11.0 | Да | 6.0 | 15.0 |
Вместо этого взгляните на свойство borderImage!
Синтаксис borderImageSlice
Вернуть свойство borderImageSlice:
object.style.borderImageSlice
Установите свойство borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Значение свойства borderImageSlice
| Значение | Описание |
|---|---|
| number | Числа представляют пиксели в изображении (если изображение растровое) или векторные координаты (если изображение векторное) |
| % | Проценты указаны относительно размера изображения: ширина изображения для горизонтальных смещений, высота для вертикальных смещений. Значение по умолчанию 100% |
| fill | Сохраняет среднюю часть изображения-границы. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderImageSlice
| Значение по умолчанию: | 100% |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство border-image-slice элемента. |
| CSS Версия | CSS3 |
Связанные страницы borderImageSlice
CSS Справочник: Свойство border-image-slice