css властивість border-bottom-width
Властивість border-bottom-width дозволяє встановити товщину нижньої межі елементу.
Значення без задання дорівнює medium.
Для того, щоб показати межу, обов’язково потрібно її стилізувати, за допомогою border-bottom-style або border-style.
Специфікація не визначає чітко товщину кожного з ключових слів (thin, medium, thick). Проте вимагає, щоб вони розташовувалися один за одним: thin ≤ medium ≤ thick, та мали постійне значення в межах одного документу.
- Нотатка
-
Ви також можете використовувати
автор: Svitlanaborder-width, щоб задати товщину для всіх меж елементу, абоborder-bottom, щоб задати всі властивості для нижньої межі.
Синтаксис
border-bottom-width: medium|thin|thick|length|initial|inherit;Властивість border-bottom-width може отримувати 6 значень:
-
medium -
Середня лінія (3 пікселі)
автор: Svitlana -
thin -
Тонка лінія. Значення в пікселях може змінюватися в залежності від браузера, але зазвичай становить 1 піксель
автор: Svitlana -
thick -
Товста лінія (6 пікселів)
автор: Svitlana -
length -
Для точного встановлення товщини можна використовувати будь-які одиниці прийняті в CSS
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | medium |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderBottomWidth="5px" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 4 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 2.2 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Товщина лише нижньої межі: 15px проти типової товщини інших сторін.
HTML
<p>Нижня межа — 15 пікселів, решта типової товщини.</p>CSS
p {
border-style: solid;
border-bottom-width: 15px;
padding: 8px;
}Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!