Przykład
Określić obraz jako obramowanie wokół <div> element:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość borderImage jest skróconą własnością ustalania borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset i borderImageRepeat właściwości.
Pominięte wartości są ustawione na wartości domyślne.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Numery obserwowani przez Webkit, Moz lub O określić pierwszą wersję, która pracowała z prefiksem.
Nieruchomość | |||||
---|---|---|---|---|---|
borderImage | 16,0 4,0 Webkit | 11,0 | 15,0 3,5 Moz | 6.0 3,1 Webkit | 15,0 11,0 O |
Składnia
Zwraca właściwość borderImage:
object .style.borderImage
Ustaw właściwość borderImage:
object .style.borderImage=" wartości nieruchomości Wartość Opis borderImageSource Ścieżka do obrazu mają być używane jako obramowanie borderImageSlice Końcowe udziały korekcje obrazu zagranicznym borderImageWidth Szerokości obrazu zagranicznym borderImageOutset Kwota, o której obszar graniczny obraz rozciąga się poza pole granicznego borderImageRepeat Czy obraz-granica powinna być powtórzona, zaokrąglone lub rozciągnięty initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: brak 100% 1 0 odcinek Zwracana wartość: Ciąg, stanowiących własność border-image elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: border-image property
<Style obiektu