Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством 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 Повторяет рисунок и масштабирует его так, чтобы на стороне элемента оказалось целое число изображений.
Поддержка
Internet explorer 11
Chrome 16
Opera 15
Safari 6
Firefox 15