Лучшее руководство по CSS3 границы изображения атрибут ширины в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,
CSS3 границы изображения атрибут ширины
примеров
Определяет ширину границы изображения:
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Определение атрибута и инструкции
Ширина атрибута приграничном-Image -Width определяет границы изображения.
| По умолчанию: | 1 |
|---|---|
| Наследование: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.borderImageWidth = "30 30" |
грамматика
Примечание: Значения -Width четыре границы изображения , заданные для области изображения границы делится на девять частей.От имени них, справа, снизу, слева, внутрь от сторон. Если четвертое значение пропущено, и что второй идентичен. Если также опустить третью, и он такой же, как и первый. Если же опустить второй, и он такой же, как и первый. Отрицательные значения не допускаются.
| значение | объяснение |
|---|---|
| номер | Указывает, что соответствующие границы ширины кратные |
| % | Ширина площадь высота площадь с боковым смещением, смещение по вертикали: размер границы области изображения |
| автоматический | Если указано, внутренняя ширина ширина или высота среза соответствующего изображения |
