CSS border-image-outset Property
Przykład
Umieść obraz obramowania 10 pikseli poza krawędziami obramowania elementu:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definicja i użycie
Właściwość border-image-outset
określa wielkość, o jaką obszar obrazu obramowania wykracza poza pole obramowania.
Wskazówka: spójrz także na właściwość border-image (skrócona właściwość do ustawiania wszystkich właściwości border-image-*).
Domyślna wartość: | 0 |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.borderImageOutset="10px" |
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 | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Składnia CSS
border-image-outset: length|number|initial|inherit;
Uwaga: Właściwość border-image-outset
może przyjmować od jednej do czterech wartości (góra, prawa, dół i lewa strona). 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 nieruchomości
Value | Description | Play it |
---|---|---|
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 |
Powiązane strony
Samouczek CSS: obrazy obramowania CSS
Dokumentacja CSS: właściwość border-image
CSS Reference: border-image-repeat property
CSS Reference: właściwość border-image-slice
Dokumentacja CSS: właściwość border-image-source
CSS Reference: border-image-width property
Dokumentacja HTML DOM: właściwość borderImageOutset