English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

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

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

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

CSS-свойство border-right-width устанавливает ширину правой рамки элемента в отдельности. Однако, в большинстве случаев, как   border-widthИлиborder-right Такие сокращенные CSS свойства удобнее использовать и предпочтительнее.

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

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

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

Синтаксис этого свойства следующий:

border-right-width: thin | medium | thick | length | initial | inherit

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

  p {
   border-style: solid;
   border-right-width: 15px;
  }
Проверьте, как это работает‹/›

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

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

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

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

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

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

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

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

Пожалуйста, обратитесь к следующим руководствам:CSS Border.

Соответствующие свойства:border,border-width,border-right,border-right-color,
border-right-style.