Style border Właściwość ImageOutset
Przykład
Umieść obramowanie poza krawędziami elementu <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definicja i użycie
Właściwość borderImageOutset ustawia lub zwraca wartość, o jaką obszar obrazu obramowania wykracza poza pole obramowania.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Zamiast tego spójrz na właściwość borderImage !
Składnia
Zwróć właściwość borderImageOutset:
object.style.borderImageOutset
Ustaw właściwość borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Uwaga: Właściwość borderImageOutset określa wielkość, o jaką obszar obrazu obramowania wykracza poza pole obramowania. na górze, po prawej, na dole i po lewej stronie. Jeśli czwarta wartość zostanie pominięta, jest taka sama jak druga. Jeśli pominięto również trzecią, jest ona taka sama jak pierwsza. Jeśli pominięto również drugą, to jest ona taka sama jak pierwsza. Wartości ujemne nie są dozwolone dla żadnej z wartości borderImageOutset.
Wartości nieruchomości
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość border-image-outset elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: border-image-outset property