Браузер |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||||||||||||
Версия |
6.0 |
7.0 |
8.0 |
9.0 |
2.0 |
3.0 |
4.0 |
5.0 |
9.2 |
9.6 |
10 |
2.0 |
3.1 |
4.0 |
5.0 |
2.0 |
3.0 |
3.6 |
4.0 |
|
Поддержка |
CSS | CSS2+ |
Значение по умолчанию | medium |
Наследуется | Нет |
Применяется | Ко всем элементам |
Ссылка на спецификацию | открыть в новой вкладке |
border-right-width: значение | thin | medium | thick | inherit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>border-right-width</title>
<style type="text/css">
DIV.line {
border-right-color: #c38e63; /*Цвет линии слева*/
border-right-style: dashed; /*Стиль линии*/
border-right-width: 2px; /*Толщина линии*/
border-left-color: #c38e63; /*Цвет линии слева*/
border-left-style: dashed; /*Стиль линии*/
border-left-width: 2px; /*Толщина линии*/
padding: 0 10px; /*Расстояние между линией и текстом*/
}
</style>
</head>
<body>
<div class="line">
<h3>Обратите внимание!</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam
erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci
tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</div>
</body>
</html>