border-image-outset CSS

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

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

0

Значение по умолчанию:
`0`
Наследуется:
Нет
Анимируется:
Да
Спецификации:
Спецификации:
* [CSS Backgrounds and Borders Module Level 3](https://drafts.csswg.org/css-backgrounds-3/#border-image-outset)
Поддержка браузерами:

Can I Use border-image? Data on support for the border-image feature across the major browsers from caniuse.com.

Поддержка браузерами:
<p class="ciu_embed" data-feature="border-image" data-periods="future_1,current,past_1,past_2"> <a href="http://caniuse.com/#feat=border-image">Can I Use border-image?</a> Data on support for the border-image feature across the major browsers from caniuse.com. </p>

Синтаксис

/* border-image-outset: sides */
border-image-outset: 1.5;

/* border-image-outset: vertical horizontal */
border-image-outset: 1 1.2;

/* border-image-outset: top horizontal bottom */
border-image-outset: 30px 2 45px;

/* border-image-outset: top right bottom left */
border-image-outset: 7px 12px 14px 5px;

border-image-outset: inherit;

Синтаксис

/* border-image-outset: sides */ border-image-outset: 1.5; /* border-image-outset: vertical horizontal */ border-image-outset: 1 1.2; /* border-image-outset: top horizontal bottom */ border-image-outset: 30px 2 45px; /* border-image-outset: top right bottom left */ border-image-outset: 7px 12px 14px 5px; border-image-outset: inherit;

Содержание

  • Синтаксис
      /* border-image-outset: sides */ border-image-outset: 1.5; /* border-image-outset: vertical horizontal */ border-image-outset: 1 1.2; /* border-image-outset: top horizontal bottom */ border-image-outset: 30px 2 45px; /* border-image-outset: top right bottom left */ border-image-outset: 7px 12px 14px 5px; border-image-outset: inherit;
  • Значения
    • Примеры

      В начало