Ширина рамки CSS

Ширина рамки CSS

border-width свойство определяет ширину всех четырех границ.

ширина может быть установлена в определенный размер (в px, pt, cm, em) или использовать один из трех предопределенных значений: тонкая, средняя или толстая:

Пример

демонстрация различных ширины границ:

p.one {
  border-style: solid;
  ширина границ: 5px;
}
p.two {
  border-style: solid;
  ширина границ: средняя;
}
p.three {
  стиль границ: точечная;
  ширина границ: 2px;
} 
p.four {
  стиль границ: точечная;
  ширина границ: толстая;
}

Результат:

5px ширина границ

средняя ширина границ

2px ширина границ

толстая ширина границ

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

Ширина определенного края

border-width Свойства могут устанавливать от одного до четырех значений (для верхнего края, правого края, нижнего края и левого края):

Пример

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Верхний и нижний края 5px, другие края 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Верхний и нижний края 20px, другие края 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Верхний край 25px, правый край 10px, нижний край 4px, левый край 35px */
}

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