СSS Свойство border-width
Определение и использование
Свойство border-width задает ширину четырех границ элемента. Это свойство может иметь от одного до четырех значений.
Примеры:
- border-width: thin medium thick 10px;
- верхняя граница тонкая
- правая граница средняя
- нижняя граница толстая
- левая граница 10px
- border-width: thin medium thick;
- верхняя граница тонкая
- правая и левая границы средние
- нижняя граница толстая
- border-width: thin medium;
- верхняя и нижняя границы тонкие
- правая и левая границы средние
- border-width: thin;
- все четыре границы тонкие
Примечание: Всегда объявляйте свойство border-style перед свойством border-width. Прежде чем задать ширину, элемент должен иметь границы.
| Значение по умолчанию: | medium |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | 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 |
Примеры
Пример
Установить ширину верхней и нижней границ в 10px, а ширину левой и правой границ в 1px:
div {border-width: 10px 1px;}
Попробуйте сами »
Связанные страницы
CSS учебник: CSS Border
HTML DOM справочник: Свойство borderWidth
