border-image-slice

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

В результате имеем 9 фрагментов фонового изображения: 4 угла (эти фрагменты вставляются без изменений), фрагмент для верхней границы элемента, для правой границы, нижней и левой (могут растягиваться, повторяться и т.д. в зависимости от заданных стилей и размеров блока), а также центр картинки (по умолчанию считается прозрачным и нигде не отображается).

иллюстрация показывающая разделение рисунка на части рамки
разделение рисунка на части рамки

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