English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство border-right-style CSS отдельно устанавливает стиль правой рамки элемента. Однако, в большинстве случаев, какborder-styleИлиborder-rightТакие сокращенные CSS свойства удобнее и предпочтительнее использовать.
В таблице ниже приведены описание использования и история версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | none |
|---|---|
| Применяется к: | Все элементы |
| Инheritance: | Нет |
| Анимация: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object object.style.borderRightStyle="punctuated" |
Грамматика этого свойства такая:
border-right-style: none | hidden | точечная | пунктирная | solid | double | groove | ridge | inset | outset | initial | inherit
Ниже приведен пример того, как использовать свойство border-right-style.
p {
border-right-style: пунктирная;
border-right-width: 3px;
}Проверьте, посмотри‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| none | Если нет рамки, будет отображаться. |
| hidden | Как и none, но单元格 таблицы имеютСложенные рамкии две ячейки делят рамку. Значение hidden гарантирует, что рамка не рисуется,因为它 имеет приоритет перед всеми другими стилями рамки. |
| dotted | Показать рамку в виде серии точек. |
| dashed | Показать рамку в виде серии коротких отрезков, то есть тире. |
| solid | Показать рамку в виде одной сплошной линии. |
| double | Показать рамку в виде двух параллельных сплошных линий с определенным интервалом между ними. Общая сумма двух линий и интервал между ними равнаborder-widthзначение. |
| groove | Показать рамку, вырезанную в холсте. Она создает впечатление 3D, обычно через создание тени с цветом, более темным, чем цвет рамки.border-colorСоздается тень с двумя более светлыми и более темными цветами. |
| ridge | Показать рамку, обратную по эффекту groove. Она также создает впечатление 3D, рамка wygląda, как будто она выходит из холста. |
| inset | Показать рамку, которая делает вид элементов, как будто они врезаны в холст. Это создает впечатление 3D, обычно через создание тени из двух цветов, более темных, чем цвет рамки.border-colorНемного ярче и темнее. |
| outset | Показать рамку, обратную по эффекту inset. Она также создает впечатление 3D, рамка делает коробку, как будто она выходит из холста. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение свойства border-right-style родительского элемента. |
Совместимость браузеров для свойства border-right-style, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Предупреждение: В Internet Explorer 7 и более ранних версиях不支持 значение value hidden. IE8 поддерживает, но требует:. Поддержка значения hidden доступна в IE9 и более поздних версиях.
См. также учебник:CSS Border,CSS3 Border.
Связанные свойства:border,border-style,border-right,border-right-color,
border-right-width.