Руководство по CSS

CSS @rules (RULES)

Полный список CSS-атрибутов

Свойство border-image-repeat в CSS3 Свойство border-image в CSS3

Метод использования и примеры CSS3 border-image-outset

Этот CSS-атрибут border-image-outset определяет количество, на которое область изображения границы выходит за пределы рамки коробки.

В таблице ниже приведены примеры использования и история версий этого атрибута, а также синтаксис использования этого атрибута в скриптах на JavaScript.

Значение по умолчанию:	0
Применяется к:	Этот атрибут может быть применен к любому элементу, но когда значение атрибута border-collapse для элементов таблицы (например, tr, th, td) равно collapse, атрибут border-image-outset не действует. Это также применяется к::first-letter。
Наследование:	Нет
Анимируемо:	Нет.См. также Анимационные атрибуты。
Версия:	Новая функция CSS3
JavaScript грамматика:	объект.style.borderImageOutset="20 20"

Грамматика использования border-image-outset

Грамматика этого свойства такая:

　border-image-outset:　	dлина　|　число　|　initial　|　inherit

Ниже приведен пример того, как использовать атрибут border-image-outset.

Пример

.box　{
　　　　ширина:　300px;
　　　　высота:　150px;
　　　　граница:　15px　solid　transparent;
　　　　border-image-source:　url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-outset:　15px;
}

Проверьте, пожалуйста,›/›

Значение атрибута

В таблице ниже описаны значения этого атрибута.

Значение	Описание
length	Указать абсолютное расстояние или расстояние в относительных единицах, на которое изображение выходит за пределы рамки. Запрещены отрицательные значения.
number	представляет ширину границы или ширину рамки.граница-ширинакратное значение.
initial	Установить этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанный элемент использует значение атрибута border-image-outset родительского элемента.

Совместимость браузеров

Совместимость браузеров с атрибутом border-image-outset: числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

	Firefox 15+ Google Chrome 15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Дополнительное чтение

См. также следующие руководства:CSS3 ГраницыиCSS Границы。

См. также свойства:граница-изображениеиграница-изображение-источникиграница-изображение-отсечьиграница-изображение-ширинаиграница-изображение-повториграница。

Свойство border-image-repeat в CSS3 Свойство border-image в CSS3