Свойство border-image-source

Последнее обновление: 29.12.2010

Свойство border-image-source — задает изображение, которое будет использоваться в качестве фонового изображения для границы элемента вместо стиля заданного для границы.

Если border-image-source имеет значение none или картинка не может быть отображена, к границе применяться стиль, заданный свойством border-style.

Допустимые значения

  • url — путь к файлу-картинке, для фонового изображения. Указывается в скобках и в кавычках (одинарных или двойных). Для сокращения объема кода, кавычки можно не ставить
  • none — явно указывает на отсутствие фонового изображения
Значение по умолчанию none
Применимо ко всем элементам, кроме табличных элементов для которых свойство border-collapse имеет значение ‘collapse’.
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

.block {
width:100px;
height:50px;
border-image-source:url(http://www.mpbox.ru/assets/images/logo.jpg) ;
border:20px solid #000;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к CSS3 модулю CSS Backgrounds and Borders Module Level 3 — кандидата в рекомендацию W3C с 17 декабря 2009 года.

Хотя это свойство пока и не поддерживается браузерами, все же есть возможность задать изображение для границы с помощью сокращенного свойства border-image, которое частично поддерживает Opera 10.5 и выше.

По теме

Показать комментарии