Atrybut border-image-source CSS

Definicja i użycie

Atrybut border-image-source określa używany obraz, który zastępuje styl obramowania ustawiony w atrybucie border-style.

Wskazówka:Jeśli wartość wynosi "brak" lub jeśli obraz nie może być wyświetlony, użyj stylu obramowania.

Zobacz również:

Kurs CSS3:Krawędzie CSS3

Przykład

Użyj jednego obrazu jako obramowania wokół elementu div:

div
{
border-image-source: url(border.png);
}

Język CSS

border-image-source: brak|image;

Wartość atrybutu

Wartość Opis
brak Nie używaj obrazu.
image Ścieżka do obrazu używanego jako obramowania.

Szczegóły techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS3
Język JavaScript: object.style.borderImageSource="url(border.png)"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

Zobacz: border-image Atrybut.