CSS3 border-image-outset Property

пример

Поместите границы изображения 10 пикселей за пределами пограничных краев элемента:

#borderimg {
border-image-source: url(border.png);
border-image-outset: 10px;
}

Определение и использование

Свойство границы изображения боковик определяет величину, на которую область изображения граница выходит за пределы коробки границы.

Совет: Также обратите внимание на границы изображения собственности (a shorthand property for setting all the border-image-* properties) .

Значение по умолчанию:	0
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.borderImageOutset="10px" Try it

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
border-image-outset	15,0	11,0	15,0	6.0	15,0

CSS Синтаксис

border-image-outset:length|number|initial|inherit;

Note: Свойство границы изображения боковик может занять от одного до четырех значений (top, right, bottom, and left sides) с (top, right, bottom, and left sides) . Если четвертое значение пропущено, оно такое же, как во втором. Если третий также не указан, он такой же, как и первый. Если второй также не указан, он такой же, как и первый.

Значения свойств

Стоимость	Описание	Сыграй
length	Длина блок, определяющий, как далеко от краев появится границы изображения. Значение по умолчанию равно 0	Сыграй "
number	Представляют кратные соответствующей границы ширины	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

CSS Справка