Тег border-top-width у CSS
Тег border-top-width в CSS встановлює товщину верхньої межі елемента.
Синтаксис
border-top-width: значення | thin | medium | thick | inherit
Значення
Три змінні - thin (2 пікселя), medium (4 пікселя) і thick (6 пікселів) - визначають товщину межі. Для більш точного значення можна вказати товщину в пікселях або інших одиницях. inherit успадковує значення батька.
Опис
Установлює товщину верхньої межі елемента.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>border-top-width</title>
<style>
h1 {
border-top-color: green;
border-top-style: double;
border-top-width: 7px;
border-right-color: green;
border-right-style: double;
border-right-width: 5px;
padding: 7px;
color: #f9b61c;
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>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.</p>
</body>
</html>Браузери
Браузер Internet Explorer до шостої версії включно при товщині межі 1px відображає dotted як dashed. При товщині 2px і більше значення dotted працює коректно. Ця помилка виправлена в IE7, але лише для всіх меж товщиною 1px. Якщо одна з меж блоку має товщину 2px і більше, то в IE7 значення dotted перетворюється у dashed.
Internet Explorer до версії 7.0 включно не підтримує значення hidden і inherit.
Товщина межі при використанні ключових слів thin, medium і thick в різних браузерах може трохи відрізнятися.