CSS border-image-slice Свойство
Пример
Укажите способ среза изображения границы:
#borderimg {
border-image-slice: 30%;
}
Определение и использование
border-image-slice
свойство определяет способ среза изображения, заданного параметром border-Image-Source. Изображение всегда разрезается на девять секций: четыре угла, четыре кромки и середина.
"средняя" часть обрабатывается как полностью прозрачная, если не задано ключевое слово Fill.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
Значение по умолчанию: | 100% |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.borderImageSlice="30%" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис CSS
border-image-slice: number|%|fill|initial|inherit;
Примечание: Свойство border-image-slice
может принимать от одного до четырех значений. Если четвертое значение опущено, то оно совпадает с вторым. Если третья также опущена, то она совпадает с первой. Если вторая также опущена, то она совпадает с первой.
Значения свойств
Значение | Описание | |
---|---|---|
number | Число(а) представляют Пиксели для растровых изображений или координат для векторных изображений | |
% | Проценты относительно высоты или ширины изображения | |
fill | Приводит к отображению средней части изображения | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Border Images
CSS Справка: border-image Свойство
CSS Справка: border-image-outset Свойство
CSS Справка: border-image-repeat Свойство
CSS Справка: border-image-source Свойство
CSS Справка: border-image-width Свойство
HTML DOM Справочник: borderImageSlice Свойство