| Версия CSS | 3 |
| Применение | Ко всем элементам, кроме тех, у которых установлено свойство collapse |
| Значение (по умолчанию) | stretch |
| Значение inherit | - |
Это свойство позволяет установить рамку-рисунок вокруг элемента (должна быть задана толщина рамки свойством border-width).
| Значение | Действие |
| URL | Указывает путь к файлу изображения. |
|
Числовое значение или в проценты |
Указывает размер определённых частей рисунка в пикселах (без "px") или процентах. Варианты:
|
| stretch | Растягивает рисунок до нужного размера. |
| round | Повторяет так, что бы на каждой стороне было целое число изображений. |
| repeat | Повторяет изображение. |
| none | Отключает отображение. |
Соблюдение указанных значений зависит от браузера пользователя; некоторые значения могут не работать.
Пример кода:
1 {
2 border-image: url(images/Fon1.png) 100 50;
3 }