border-width

Пример

Устанавливает ширину четырех границ:

<html>
<head>
<meta charset="utf-8" />
<style>
     p.one { border-style:solid; border-width:5px; }
     p.two { border-style:solid; border-width:medium; }
     p.three { border-style:solid; border-width:1px; }
</style>
</head>
<body>
<p class="one">Некоторый текст.</p>
<p class="two">Некоторый текст.</p>
<p class="three">Некоторый текст.</p>
<p><b>Примечание:</b> Свойство "border-width" не работает если используется одно. Используйте вначале свойство "border-style" для установки границ.</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Свойство 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
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.borderBottomWidth="thick"`

Поддержка браузеров

Свойство border-width поддерживается во всех ведущих браузерах.

Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".

Значения свойства

Значение	Описание
thin	Указывает тонкую границу
medium	Указывает среднюю границу. Это по умолчанию
thick	Указывает толстую границу
length	Позволяет определить толщину границы
inherit	Указывает, что ширина границы должна быть унаследована от родительского элемента

Связанные страницы

CSS пособие: CSS Границы

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет