Лучшее руководство по CSS3 свойство границы изображения в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Другие примеры,Статьи по Теме,
Места в качестве границы вокруг элемента изображения сНу:
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
свойство | |||||
---|---|---|---|---|---|
границы изображения | 16,0 4.0 -webkit- | 11,0 | 15,0 3.5 -moz- | 6.0 3.1 -webkit- | 15,0 11,0 -о- |
свойство границы изображения свойство является обобщающим используется для установки пограничных исходником изображения , границы-изображения срезами , пограничную-образную ширину , границы-изображения-боковик и границы изображения повтора значение.
Пропущено настройки к значениям по умолчанию.
Совет: строить красивые масштабируемые кнопки с помощью пограничного-image- * свойства!
По умолчанию: | доли не имеет 100% 1 0 стрейч |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.borderImage = "URL (border.png)30 30 раунд" |
值 | 描述 |
---|---|
border-image-source | 用于指定要用于绘制边框的图像的位置 |
border-image-slice | 图像边界向内偏移 |
border-image-width | 图像边界的宽度 |
border-image-outset | 用于指定在边框外部绘制 border-image-area 的量 |
border-image-repeat | 这个例子演示了如何创建一个border-image 属性的按钮。 |
изображение кнопки
Этот пример демонстрирует, как создать кнопку атрибутов границы изображения.
CSS3 учебник: CSS3 границы