свойство border-image-outset

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

• Если указано единственное значение, то данная величина применяется для отсупов от всех краев рамки
• Если указано два значения, то первая величина применяется для верхнего и нижнего края, а вторая - для левого и правго
• Три значения, устанавливают, соответственно, ширину отступа для верхнего, правого и левого, а также нижнего краев.
• Четыре значения последовательно применяются для всех отсутпов начиная с верхнего по часовой стрелке - верхний, правый, нижний, левый отступы.

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

Части фонового изображения рамки выступающие за границу не увеличивают размер блока и соответственно могут обрезатся областью видимости родительского элемента.

Примеры использования:

Свойство border-image-outset определено в спецификации CSS 3 модуль Backgrounds and Borders Level 3 (фон и рамки, уровень 3), применяется к все элементы, кроме внутренних элементов таблиц для которых свойство 'border-collapse' установлено в 'collapse', и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

• border - Свойства рамки элемента

• Спецификация стандарта CSS 3