English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут border-image-width CSS определяет ширину рамки.
В таблице ниже приведено описание использования и истории версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | 1 |
|---|---|
| Применяется к: | Этот атрибут может применяться к любому элементу, но при значении атрибута border-collapse свойств таблицы (например, tr, th, td) border-image-width не действует. Он также применим к::first-letter. |
| Инheritability: | Нет |
| Анимация: | Нет.См. также Анимационные свойства. |
| Версия: | Новые возможности CSS3 |
| JavaScript синтаксис: | объект.style.borderImageWidth="30 30" |
Грамматика этого атрибута такая:
border-image-width: [length | percentage | number | auto] 1 to 4 values | initial | inherit
Ниже приведен пример того, как использовать атрибут border-image-width.
.box {
width: 300px;
height: 150px;
border-image-source: url("border.png");
border-image-width: 10px;
border-image-slice: 30;
border-image-repeat: round;
}Проверьте, как это работает‹/›В таблице описаны значения этого атрибута.
| Значение | Описание |
|---|---|
| length | Указать ширину рамки в абсолютных или относительных единицах. |
| percentage | Указать ширину рамки в процентах от элемента. |
| number | Показывает элементborder-widthРасчетное значение атрибута или кратное ширине рамки. |
| auto | Указать ширину изображения рамки в固有ной ширине или высоте соответствующего изображения. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то элемент с привязкой использует значение расчета атрибута border-image-width родительского элемента. |
Совместимость браузеров с атрибутом border-image-width; числа в таблице указывают на минимальную версию браузера, поддерживающего этот атрибут; этот атрибут поддерживается всеми основными браузерами.
|
См. также следующие руководства:CSS3 BorderиCSS Border.
См. также:border-image,border-image-source,border-image-repeat,border-image-slice,border-image-outset,border.