Огляд
Встановлює товщину правої межі для елемента.
Синтаксис
border-right-width: значення | thin | medium | thick | inherit
Значення
Три ключові слова — thin (2 пікселя), medium (4 пікселя) і thick (6 пікселів) вказують товщину правої межі. Для більш точного значення, товщину можна вказати у пікселях або інших одиницях. inherit успадковує значення батька.
Приклад
Приклад
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-right-width</title>
<style>
.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">
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>Результат цього прикладу показано на мал. 1.
Об'єктна модель
[window.]document.getElementById("ідентифікаторЕлемента").style.borderRightWidth
Браузери
Браузер Internet Explorer до шостої версії включно при товщині межі 1px відображає dotted як dashed. При товщині 2px і більше значення dotted працює коректно. Цю помилку виправлено в IE7, але тільки для всіх меж з товщиною 1px. Якщо одна з меж блоку має товщину 2px і більше, то в IE7 значення dotted перетворюється на dashed.
Internet Explorer до версії 7.0 включно не підтримує значення hidden і inherit.
Товщина межі при використанні ключових слів thin, medium і thick у різних браузерах може трохи відрізнятися.