⑥ Смещение рамки-изображения

Продолжим изучение темы CSS3 - рамка. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Закругление углов
• ② Рамки-изображения
• ③ Ширина и ресурс рамки-изображения
• ④ Элементы рамки-изображения
• ⑤ Повтор рамки-изображения

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

border-image-outset

Значения:

• длина - Отступ рамки-изображения задается с помощью любого положительного числа, указанного в px или em.
• число - Числовое значение, на которое умножается border-width.
• initial - Устанавливает это свойство в значение по умолчанию.
• inherit - Наследует значение этого свойства от родительского элемента.

Синтаксис

CSS

div {border-image-outset: 10px;}

Продолжение в следующей статье!