Atrybut Style borderImage

Definicja i użycie

borderImage Atrybut jest skróconą nazwą dla następujących atrybutów:

Pomijane wartości są ustawiane na ich wartości domyślne.

Inne źródła:

Podręcznik CSS:Atrybut border-image

Przykład

Określ obraz jako ramkę elementu <div>:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Spróbuj sam

Gramatyka

Zwróć atrybut borderImage:

object.style.borderImage

Ustawienie atrybutu borderImage:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Wartość atrybutu

Wartość Opis
borderImageSource Ścieżka do obrazu, który ma być użyty jako ramka.
borderImageSlice Wewnętrzny przesuniecie obrazu ramki.
borderImageWidth Szerokość obrazu ramki.
borderImageOutset Ilość, o którą obraz ramki wykracza poza box ramki (border box).
borderImageRepeat Czy obraz ramki powinien być powtarzany (powtarzany), wypełniać (zaokrąglony) czy rozciągać się (rozciągnięty)?
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ść: none 100% 1 0 stretch
Wartość zwracana: ciąg znaków, który oznacza Atrybut border-image.
Wersja CSS: CSS3

Wsparcie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

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