border-bottom-width

Оновлено: 15.12.2022

border-bottom-width

Встановлює товщину кордону внизу елемента.

Коротка інформація

Значення за замовчуванням medium
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис

border-bottom-width: <розмір> | thin | medium | thick

Значення

Три змінні - thin (2 пікселі), medium (4 пікселі) і thick (6 пікселів) задають товщину межі внизу. Для більш точного значення, товщину можна вказувати в пікселях або інших одиницях.

Приклад

Об'єктна модель

Об'єкт.style.borderBottomWidth

Примітка

Браузер Internet Explorer до версії 7 при товщині кордону 1px відображає dotted як dashed. При товщині 2px і вище значення dotted працює коректно. Цю помилку виправлено в IE7, але тільки для всіх кордонів товщиною 1px. Якщо одна з меж блоку має товщину 2px і вище, то в IE7 значення dotted перетворюється на dashed.


Internet Explorer до версії 7 включно не підтримує значення hidden.

Товщина кордону під час використання ключових слів thin, medium і thick у різних браузерах може дещо відрізнятися.


Браузери

border-bottom-width

Переглянути сумісність з Can I use?

border-bottom-width