Коротка інформація
border-bottom-style: встановлює стиль нижньої межі елемента.
Синтаксис
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit
Значення
- none
- Лінія не відображається і її товщина обнулюється.
- hidden
- Має той же ефект, що і none, за винятком застосування border-bottom-style до таблиці з border-collapse: collapse, де нижня межа в комірці не буде взагалі відображатися.
- dotted
- Лінія, що складається з набору крапок.
- dashed
- Пунктирна лінія.
- solid
- Суцільна лінія.
- double
- Подвійна лінія.
- groove
- Ефект втопленої лінії.
- ridge
- Ефект рельєфної лінії.
- inset
- Псевдо-триизмерна лінія.
- outset
- Псевдо-триизмерна лінія.
- inherit
- Наслідує значення батька.
Об'єктна модель
[window.]document.getElementById("elementID").style.borderBottomStyle
Браузери
Internet Explorer до версії 6.0 включно відображає dotted як dashed при товщині границі 1px. При товщині 2px і більше dotted працює правильно. Ця помилка виправлена в IE7, але тільки для всіх границь з товщиною 1px. Якщо одна з границь блоку має товщину 2px і більше, то в IE7 dotted стає dashed.
Internet Explorer до версії 7.0 включно не підтримує значення hidden і inherit.
Стиль границі в різних браузерах може трохи відрізнятися при використанні значень groove, ridge, inset або outset.