Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством border, при этом если указано border: 0, то рамка не выводится. При других значениях border рисунок всегда имеет приоритет. Фон, если он задан через свойство background, отображается под рамкой.

синтаксис

border-image: none | [  [<число> | <проценты>]{1,4} [/ <толщина>{1,4}]? ] &&
[stretch | repeat | round]{0,2}

Значения

none Не отображает рисованную рамку, используется установленный стиль границы.

URL Путь к графическому файлу. Обязательный параметр.

<число> Одно, два, три или четыре значения, которые указывают размеры частей изображения в пикселях, задавая тем самым области деления. Сами единицы не пишутся, только число (10, а не 10px).

<проценты> Аналогично <числу>, но значения задаются в процентах. Тот или другой параметр обязателен.

<толщина> Через слэш пишется одно, два, три или четыре значения толщины границы на каждой стороне элемента. Является аналогом border-width и использует тот же синтаксис.

stretch Pастягивает рисунок границы до размеров элемента. Это значение используется по умолчанию.

round Повторяет рисунок и масштабирует его так, чтобы на стороне элемента оказалось целое число изображений.

Поддержка