css властивість border-top-width
Властивість border-top-width дозволяє встановити товщину верхньої межі елементу.
Ви також можете використовувати border-width, щоб задати товщину для всіх меж елементу, або border-top, щоб задати всі властивості для верхньої межі.
Значення без задання дорівнює medium.
| Порада: | Завжди оголошуйте властивість кордону стилю до властивості |
| Порада: | Для того, щоб показати межу, обов’язково потрібно її стилізувати, за допомогою |
| Нотатка: | Специфікація не визначає чітко товщину кожного з ключових слів ( |
Синтаксис
border-top-width: medium|thin|thick|length|initial|inherit;Властивість border-top-width може отримувати 6 значень:
mediumЛінія середньої товщини (3 пікселі). Без задання.
thinТонка лінія. Значення в пікселях може змінюватися в залежності від браузера, але зазвичай становить 1 піксель
thickТовста лінія (6 пікселів)
lengthДля точного встановлення товщини можна використовувати будь-які одиниці виміру прийняті в CSS.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента.
| Значення без задання: | medium |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderTopWidth="5px" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-top-width | 1.0 |
4.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| border-top-width | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Визначення товщини верхнього кордону.
p {
border-style: solid;
border-top-width: 15px;
}