Лучшее руководство по CSS3 границы изображения срезами недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,

CSS3 границы изображения срезами недвижимость

примеров

Внутренне смещение граничного заданное изображение:

div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}

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

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

属性
border-image-slice 15.0 11.0 15.0 6.0 15.0

Определение атрибута и инструкции

границы изображения атрибут -slice определяет границы изображения внутренне смещение.

По умолчанию: 100%
Наследование: нет
Версия: CSS3
Синтаксис JavaScript: объект .style.borderImageSlice = "50% 50%"


грамматика

border-image-slice:number|%|fill;

Примечание: Этот атрибут указывает на изображение в верхней части, справа, снизу, левый край внутренней миграции, разделена на девять регионов: четыре угла, четыре стороны и посередине.Промежуточное изображение будет отброшен (полностью прозрачный процесс), если не заполнить ключевых слов. Если опустить четвертый номер / процент от него, а второй то же самое. Если также опустить третью, и он такой же, как и первый. Если же опустить второй, и он такой же, как и первый.

значение объяснение
номер Цифровое представление пикселя изображения (растровые изображения) или векторные координаты (если изображение является векторное изображение)
% Процент от размера изображения относительно: высота горизонтальной ширине изображения смещения, вертикальное смещение изображения
заполнить Зарезервировано промежуточная часть изображения
CSS3 границы изображения срезами недвижимость
10/30