Лучшее руководство по CSS3 границы изображения срезами недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,
CSS3 границы изображения срезами недвижимость
примеров
Внутренне смещение граничного заданное изображение:
{
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%" |
грамматика
Примечание: Этот атрибут указывает на изображение в верхней части, справа, снизу, левый край внутренней миграции, разделена на девять регионов: четыре угла, четыре стороны и посередине.Промежуточное изображение будет отброшен (полностью прозрачный процесс), если не заполнить ключевых слов. Если опустить четвертый номер / процент от него, а второй то же самое. Если также опустить третью, и он такой же, как и первый. Если же опустить второй, и он такой же, как и первый.
значение | объяснение |
---|---|
номер | Цифровое представление пикселя изображения (растровые изображения) или векторные координаты (если изображение является векторное изображение) |
% | Процент от размера изображения относительно: высота горизонтальной ширине изображения смещения, вертикальное смещение изображения |
заполнить | Зарезервировано промежуточная часть изображения |