CSS border-width Свойство
Пример
Задайте ширину границ:
div {border-width: thin;}
Подробнее примеры ниже.
Определение и использование
Свойство border-width
задает ширину четырех границ элемента. Это свойство может иметь от одного до четырех значений.
Примеры:
- border-width: thin medium thick 10px;
- top border is thin
- right border is medium
- bottom border is thick
- left border is 10px
- border-width: thin medium thick;
- top border is thin
- right and left borders are medium
- bottom border is thick
- border-width: thin medium;
- top and bottom borders are thin
- right and left borders are medium
- border-width: thin;
- all four borders are thin
Примечание: Всегда объявляйте свойство border-style перед border-width
свойством. Элемент должен иметь границы, прежде чем можно задать ширину.
Значение по умолчанию: | medium |
---|---|
Inherited: | no |
Animatable: | yes. Читайте о animatable |
Version: | CSS1 |
Синтаксис JavaScript: | object.style.borderWidth="1px 5px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
border-width: medium|thin|thick|length|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
medium | Задает среднюю границу. Это значение по умолчанию | |
thin | Задает тонкую границу | |
thick | Задает толстую границу | |
length | Позволяет определить толщину границы. Читать о единицах длины | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Задайте ширину границ для среднего:
div {border-width: medium;}
Пример
Задайте ширину границ толщиной:
div {border-width: thick;}
Пример
Задайте ширину границ для 1px:
div {border-width: 1px;}
Пример
Задайте ширину границ для 15пкс:
div {border-width: 15px;}
Пример
Задайте ширину верхней и нижней границ 10px, а ширину левой и правой границ 1px:
div {border-width: 10px 1px;}
Похожие страницы
CSS Справочник: CSS Border
HTML DOM Справочник: borderWidth Свойство