Как указать ширину границы в CSS?

1
2
3

.example {
  border-width: 3px; /* ширина границы 3 пикселя */
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

/* Указание ширины границы в пикселях */
border-width: 2px;

/* Указание ширины границы в процентах */
border-width: 1%;

/* Указание разных значений для каждой границы */
border-width: 1px 2px 3px 4px; /* верхняя, правая, нижняя, левая */

/* Указание одного значения для всех границ */
border-width: 3px;

/* Указание двух значений для каждой границы */
border-width: 2px 4px; /* верхняя/нижняя, правая/левая */

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

/* Указание ширины верхней границы */
border-top-width: 2px;

/* Указание ширины правой границы */
border-right-width: 2px;

/* Указание ширины нижней границы */
border-bottom-width: 2px;

/* Указание ширины левой границы */
border-left-width: 2px;