Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BORDER-IMAGE-OUTSET

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

Поддержка браузеров


12+

Синтаксис

border-image-outset: единицы измерения|число|initial|inherit;

Значения свойства

Значение	Описание
единицы измерения	Указывает, как далеко от краев будет отображаться изображение рамки в единицах измерения.
число	Число умноженное на текущий размер рамки, чтобы определить как далеко от краев будет отображаться изображение рамки.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<div class="block"></div>

HTML

.block {
    height: 50px;
    width: 50px;
    margin: 30px;
    background: #f1f1f1;
    border: 15px solid transparent;
    padding: 15px;
    border-image: url(/images/border.png);
    border-image-slice: 30;
    border-image-repeat: round;
    border-image-outset:2;
}

CSS

← Перейти к списку свойств