Opis

border-image umożliwia określenie obrazu, który będzie używany jako obramowanie wokół elementu i jest skrótem własności dla:

W wielu przypadkach używa się składni 1-4.

Przykład
content
Kod:
Wartości

border-image: source slice width outset repeat|initial|inherit;

WartośćOpis
border-image-source [1]
border-image-slice [2]
border-image-width [3]
border-image-outset [4]
border-image-repeat [5]
 1 Ścieżka do obrazu, który ma być używany jako obramowanie
2 Określa jak pokroić obraz obramowania (1-4)
3 Szerokość krawędzi obrazu (1-4)
4 Wielkość, o którą obszar obrazu obramowania wykracza poza pole obramowania (1-4)
5 Określa, czy (po pocięciu) obrazu w polach krawędzi (bez narożników) obramowania powinnny być rozciągane czy powtarzane i jak (1-2).
Przy więcej niż jednej wartości w 2-3-4 użyj znaku /.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: url("img_zs7.png") 0 fill  |   url("img_ramka1.png") 20%  |
url("img_ramka1.png") 20% / 20px 14px 10px 6px / 12px 4px round
Info: Domyślna wartość: none 100% 1 0 stretch
Dziedziczenie:
Animowalność:
JavaScript: object.style.borderImage