Obiekt HTML DOM Style borderImage
Przykłady
Przeznaczona jako obramowanie wokół elementu div obrazu:
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
Spróbuj »
Definicja i Wykorzystanie
Obiekt borderImage jest ustawiony borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset i borderImageRepeat Właściwości skróconą własnością.
Pominięte wartości są ustawione na wartości domyślne.
Pomoc Browser
Internet Explorer 11, Firefox, Opera 15, Chrome i Safari 6 Wsparcie nieruchomość borderImage.
Safari 5 obsługuje inną alternatywę atrybutu własności tej nieruchomości webkitBorderImage.
gramatyka
Właściwości Powrót borderImage:
object .style.borderImage
Ustawianie właściwości borderImage:
object .style.borderImage="source slice width outset repeat|initial|inherit"
Wartość nieruchomości
| 值 | 描述 |
|---|---|
| borderImageSource | 要用于绘制边框的图像的路径。 |
| borderImageSlice | 图像边框的向内偏移。 |
| borderImageWidth | 图像边框的宽度。 |
| borderImageOutset | 边框图像区域超出边界框的量。 |
| borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
dane techniczne
| Domyślnie: | brak 100% 1 0 odcinku |
|---|---|
| Zwraca: | Ciąg reprezentujący element Własność border-image. |
| wersja CSS | CSS3 |