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