border-width
Определение 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 свойство