Свойство CSS border-image-source
Пример
Укажите изображение в качестве границы вокруг элемента:
#borderimg
{
border-image-source: url(border.png);
}
Определение и использование
Свойство border-image-source
указывает путь к изображению, которое будет использоваться в качестве границы (вместо обычной границы вокруг элемента).
Совет: Если значение равно «нет» или если изображение не может быть отображено, будут использоваться стили границы.
Совет: Также обратите внимание на свойство border-image (сокращенное свойство для установки всех свойств border-image-*).
Значение по умолчанию: | никто |
---|---|
Унаследовано: | нет |
Анимация: | нет. Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.borderImageSource="url(border.png)" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис CSS
border-image-source: none|image|initial|inherit;
Значения свойств
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 |
Связанные страницы
Учебное пособие по CSS: изображения границ CSS
Справочник по CSS: свойство border-image
Справочник по CSS: свойство border-image-outset
Справочник по CSS: свойство border-image-repeat
Справочник по CSS: свойство border-image-slice
Справочник по CSS: свойство border-image-width
Справочник по HTML DOM: свойство borderImageSource