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 Свойство