border-bottom-style
Оновлено: 15.12.2022
border-bottom-style
Встановлює стиль рамки внизу елемента.
Коротка інформація
| Значення за замовчуванням | Немає |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
Значення
| none | Лінія не відображається і значення її товщини обнуляється. |
| hidden | Має той самий ефект, що й none, за винятком застосування border-bottom-style до клітинок таблиці, у якій значення властивості border-collapse встановлено як collapse. У цьому разі нижня межа в комірці не відображатиметься взагалі. |
| dotted | Лінія, що складається з набору точок. |
| dashed | Пунктирна лінія, що складається із серії коротких відрізків. |
| solid | Суцільна лінія. |
| double | Подвійна лінія. |
| groove | Створює ефект вдавленої лінії. |
| ridge | Створює ефект рельєфної лінії. |
| inset | Псевдотривимірна лінія. |
| outset | Псевдотривимірна лінія. |
Вигляд зазначених стилів представлено на рис. 1.
Рис.1. Стилі рамок
Приклад
Об'єктна модель
Об'єкт.style.borderBottomStyle
Примітка
Браузер Internet Explorer до версії 6.0 включно за товщини межі 1px відображає dotted як dashed. При товщині 2px і вище значення dotted працює коректно. Цю помилку виправлено в IE7, але тільки для всіх кордонів товщиною 1px. Якщо одна з меж блоку має товщину 2px і вище, то в IE7 значення dotted перетворюється на dashed.
Стиль кордону в різних браузерах може дещо відрізнятися при використанні значень groove, ridge, inset або outset.