Атрибут border-image-source CSS
- предыдущая страница border-image-slice
- Следующая страница border-image-width
определение и использование
атрибут border-image-source определяет изображение, которое нужно использовать, вместо стиля рамки, установленного в атрибуте border-style.
подсказка:если значение "нет" или если изображение не может быть отображено, используется стиль рамки.
еще см.:
CSS3 учебник:Края CSS3
пример
использовать изображение в качестве рамки вокруг элемента div:
div
{
border-image-source: url(border.png);
}
CSS синтаксис
border-image-source: none|image;
значение атрибута
| значение | описание |
|---|---|
| нет | не использовать изображение. |
| image | путь к изображению, используемому в качестве рамки. |
технические детали
| по умолчанию: | нет |
|---|---|
| наследование: | нет |
| версия: | CSS3 |
| JavaScript синтаксис: | object.style.borderImageSource="url(border.png)" |
поддержка браузерами
числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
смотрите также border-image атрибут.
- предыдущая страница border-image-slice
- Следующая страница border-image-width
