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

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

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

border-image-outset

Значения:

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

Синтаксис

CSS

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

📷 РИС. 8. ПРИМЕР СМЕЩЕНИЯ РАМКИ-ИЗОБРАЖЕНИЯ С ПОМОЩЬЮ РАЗЛИЧНЫХ ТИПОВ ЗНАЧЕНИЙ

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