CSS border-image-source Właściwość
Przykład
Określ obraz jako ramkę wokół elementu:
#borderimg
{
border-image-source: url(border.png);
}
Definicja i użycie
Właściwość border-image-source
określa ścieżkę do obrazu, która ma być użyta jako obramowanie (zamiast normalnego obramowania wokół elementu).
Wskazówka: jeśli wartość to „brak” lub jeśli nie można wyświetlić obrazu, zostaną użyte style 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ść: | Żaden |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.borderImageSource="url(border.png)" |
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-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Składnia CSS
border-image-source: none|image|initial|inherit;
Wartości nieruchomości
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
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-outset property
CSS Reference: border-image-repeat property
CSS Reference: właściwość border-image-slice
CSS Reference: border-image-width property
Odniesienie HTML DOM: właściwość borderImageSource