Главная/ CSS справочник/ Properties/ CSS свойство border-image-width | назначение, допустимые значения, примеры

Свойство border-image-width

Свойство border-image-width — задает для фонового изображения сверху, справа, снизу и слева ширину, которая отсчитывается от внутреннего края границы.

Если задано только три значения( т.е контуры сверху, справа и снизу), то четвертое значение (контур слева) будет равно второму (контуру справа). Если задано только два значения, то третье значение будет равно первому, а четвертое второму. Если задано одно значение, оно распространяется на все контуры.

Допустимые значения

  • — точное значение ширины (не может быть отрицательным)
  • — значение ширины в процентах.
  • — множитель на который умножается значение ширины границы, заданное свойством border-width.
  • auto — в качестве значения ширины принимается значение соответствующего отступа, указанного свойством border-image-slice.
Значение по умолчанию 1
Применимо ко всем элементам, кроме табличных элементов для которых свойство border-collapse имеет значение ‘collapse’.
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

    Пример


    .block {
    width:100px;
    height:50px;
    border-image-source:url(http://www.mpbox.ru/assets/images/logo.jpg) ;
    border-image-slice: 20 10% 15 20 ;
    border-image-width: 2 ;
    border:20px solid #000;
    }


    Твой код:

    Результат: