Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Свойство bottom в CSS Свойство border-top-width в CSS

Метод использования и примеры для свойства border-width CSS

Свойство border-width CSS используется для установки отдельных свойств толщины рамки, это шифр свойства, этоborder-top-width，border-right-width，border-bottom-widthиborder-left-widthКраткое обозначение свойства.

В таблице приведены примеры использования и история версий этого свойства, а также синтаксис использования в скриптах на JavaScript.

Значение по умолчанию:	medium
Подходит для:	Все элементы
Наследование:	Нет
Анимации доступны:	Да.См. также Анимационные свойства。
Версия:	CSS 1, 2, 3
JavaScript синтаксис:	объект.style.borderWidth="тонкая толстая"

Синтаксис использования border-width

Синтаксис этого свойства такой:

Синтаксис свойства border-width:　[　thin　|　medium　|　thick　|　length　]　1　to　4　values　|　inherit

Эта сокращенная запись может включать один, два, три или четыре значения, разделенные пробелами.

Если указаныОдно значениеодно значение, то оно применяется ко всем рамкам.
Четыре значенияЕсли указаныДва значения
Четыре значениятри значения, то первое значение используется для верхнего и нижнего края, а второе значение используется для правого и левого края.Если указаны
Четыре значениячетыре значения, то они применяются в порядке сверху, справа, снизу и слева к рамке.Если указаны

Ниже приведен пример использования свойства border-width.

Пример

　　p　{
　　　border-style:　solid;
　　　border-width:　5px;
　　}

Проверьте‹/›

Внимание:border-styleСвойство должно быть объявлено до свойства border-bottom-width. Элемент должен иметь рамку, чтобы можно было установить ширину рамки, так как этоborder-styleЗначением по умолчанию является none.

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

В таблице ниже описаны значения этого свойства.

Значение	Описание
thin	Тонкая рамка.
medium	Средняя граница.
thick	Толстая рамка.
length	Длина в单位和 px, pt, cm, em и т.д., не допускается отрицательное значение.
inherit	Если указано, то связанные элементы используют значение свойства border-width родительского элемента.

Совместимость браузеров

Совместимость браузеров с свойством border-width; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают этот свойство.

	Поддержка браузеров– Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+） Opera 4+

Дополнительное чтение

См. также урок:CSS Border，CSS3 Border。

Связанные свойства:border，border-style，border-color，border-top-width，border-right-width，border-bottom-width，border-left-width。