Определение border-width
CSS свойство border-width определяет ширину четырех границ элемента. Это свойство может иметь от одного до четырех значений.
Примеры:
- border-width: thin medium thick 10px;
- верхняя граница является thin
- правая граница: является medium
- нижняя граница является thick
- левую границу является 10px
- border-width: thin medium thick;
- верхняя граница является thin
- правая и левая границы являются medium
- нижняя граница является thick
- border-width: thin medium;
- верхняя и нижняя границы являются thin
- правая и левая границы являются medium
- border-width: thin;
- все четыре границы являются thin
Примечание: Всегда объявляйте CSS войство border-style перед свойством border-width. У элемента должны быть границы, прежде чем вы сможете задать ширину.
| Значение по умолчанию: | medium |
|---|---|
| Унаследовано: | no |
| Анимируемый: | yes. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderWidth="1px 5px" Попробуй |
Поддержка border-width
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксисborder-width
border-width: medium|thin|thick|length|initial|inherit;
Значения border-width
| Значение | Описание | Демонстрация |
|---|---|---|
| medium | Определяет среднюю границу. Это значение по умолчанию | Демо ❯ |
| thin | Определяет тонкую границу | Демо ❯ |
| thick | Определяет толстую границу | Демо ❯ |
| length | Позволяет определить толщину границы. Читайте о единицы измерения длины | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры border-width
Пример
Установите ширину версию и нижняя границы 10px, и ширину левую и правую границы 1px:
div {border-width: 10px 1px;}
Попробуйте сами »
Страницы по темеborder-width
CSS Учебник: CSS Границы
HTML DOM справочник: borderWidth свойство