Style borderImageSlice attribute

Definicja i użycie

borderImageSlice Atrybut określa wewnętrzne przesunięcie ramki obrazu.

Inne źródła:

CSS Reference Manual:Atrybut border-image-slice

Przykład

Określa wewnętrzne przesunięcie ramki obrazu:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Spróbuj sam

Gramatyka

Zwróć atrybut borderImageSlice:

object.style.borderImageSlice

Ustawienie atrybutu borderImageSlice:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Wartość atrybutu

Wartość Opis
number Liczba, która oznacza piksele (jeśli jest to obraz rastrowy) lub współrzędne wektorowe (jeśli jest to obraz wektorowy).
%

Procent względem wymiarów obrazu: szerokość obrazu wpływa na przesunięcie poziome, a wysokość na przesunięcie pionowe.

Domyślna wartość wynosi 100%%.
fill Zachowuje środkową część obrazu ramki.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: 100%
Wartość zwracana: ciąg znaków, który oznacza Atrybut border-image-slice.
Wersja CSS: CSS3

Przeglądarka obsługuje

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane 11.0 Wspierane 6.0 15.0

Zobacz proszę Atrybut borderImage!