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


Пример

Задайте ширину всех четырёх границ:

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

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

Определение свойства и инструкции по использованию

Свойство border-width задаёт ширину четырёх границ элемента. Это свойство может иметь от одного до четырёх значений.

Пример:

border-width:thin medium thick 10px;

  • Верхняя граница — тонкая.
  • Правая граница — средняя.
  • Нижняя граница — толстая.
  • Левая граница — шириной 10px.

border-width:thin medium thick;

  • Верхняя граница — тонкая.
  • Правая и левая границы — средние.
  • Нижняя граница — толстая.

border-width:thin medium;

  • Верхняя и нижняя границы — тонкие.
  • Правая и левая границы — средние.

border-width:thin;

  • Все четыре границы являются тонкими.
Значение по умолчанию: средний
Наследование: нет
версия: CSS1
Синтаксис JavaScript: object.style.borderWidth="thin thick"

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

Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.

Свойство
border-width 1.0 4.0 1.0 1.0 3.5

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

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

Связанные статьи

Учебник по CSS:Граница CSS

Другие расширения