Свойство border-image-width в CSS
- предыдущая страница border-image-source
- Следующая страница border-inline
определение и использование
параметр border-image-width определяет ширину изображения границы.
также смотрите:
CSS3 учебник:CSS3 - рамки
пример
определяет ширину изображения границы:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
CSS синтаксис
border-image-width: number|%|auto;
备注:четыре значения border-image-width определяют разделение изображения границы на девять частей. Они представляют собой расстояние от верхнего, правого, нижнего и левого краев области внутрь. Если пропустить четвертое значение, то оно будет таким же, как второе. Если пропустить третье значение, то оно будет таким же, как первое. Если пропустить второе значение, то оно будет таким же, как первое. Запрещены все отрицательные значения в качестве значений border-image-width.
значение свойства
| значение | описание |
|---|---|
| number | представляет количество кратных соответствующего border-width. |
| % | смотрите также размер области границы изображения: высота области влияет на горизонтальный сдвиг, ширина на вертикальный сдвиг. |
| auto | если задан этот параметр, ширина составляет固有宽度 соответствующего фрагмента изображения. |
технические детали
| по умолчанию: | нет |
|---|---|
| наследование: | нет |
| версия: | CSS3 |
| JavaScript синтаксис: | object.style.borderImageWidth="30 30" |
поддержка браузеров
числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот параметр.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
смотрите также border-image свойства.
- предыдущая страница border-image-source
- Следующая страница border-inline
