Przykład
Określ obraz jako obramowania wokół elementu:
#borderimg
{
border-image-source: url(border.png);
}
Spróbuj sam " Definicja i Wykorzystanie
Własność border-image-source określa ścieżkę do obrazu, które mają być używane jako obramowanie (instead of the normal border around an element) .
Tip: Jeśli wartość jest "none" lub jeśli obraz nie może zostać wyświetlona, zostaną użyte stylów obramowania.
Wskazówka: Zobacz również na granicy obrazu własności (a shorthand property for setting all the border-image-* properties) .
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.borderImageSource="url(border.png)" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| 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
| Wartość | Opis |
|---|---|
| none | Brak obrazu zostaną wykorzystane |
| image | Ścieżka obrazowi, który ma być stosowany jako obramowanie |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: Obrazy CSS3 graniczne
CSS: border-image-outset property
CSS: border-image-repeat property
CSS: border-image-slice property
CSS: border-image-width property
HTML DOM referencyjny: borderImageSource property