CSS border-image-outset Свойство
Пример
Поместите изображение границы на 10 пикселей за пределами границ элемента:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Определение и использование
Свойство border-image-outset определяет величину, на которую область изображения границы выходит за границы рамки.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
| Значение по умолчанию: | 0 |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.borderImageOutset="10px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис CSS
border-image-outset: length|number|initial|inherit;
Примечание: Свойство border-image-outset может принимать от одного до четырех значений (верхняя, правая, Нижняя и левая стороны). Если четвертое значение опущено, то оно совпадает с вторым. Если третья также опущена, то она совпадает с первой. Если вторая также опущена, то она совпадает с первой.
Значения свойств
| Значение | Описание | |
|---|---|---|
| length | Единица длины, указывающая, как далеко от краев появится изображение границы. Значение по умолчанию — 0 | |
| number | Представляют кратные соответствующей ширины границы | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Border Images
CSS Справка: border-image Свойство
CSS Справка: border-image-repeat Свойство
CSS Справка: border-image-slice Свойство
CSS Справка: border-image-source Свойство
CSS Справка: border-image-width Свойство
HTML DOM Справочник: borderImageOutset Свойство