Русский
Русский
English
Свойства CSS
Статистика
Реклама

border-right-width

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
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
Аргументы
Три переменные — thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы слева. Для более точного значения, толщину можно указывать в пикселах или других единицах. 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>
Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.borderRightWidth
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru