CSS границы

Переклад українською: CSS межі

Вы можете использовать границы (рамки), применяя их к большинству элементов HTML на странице. Чтобы сделать границу вокруг элемента, используйте border-style. Возможные значения:

solid – сплошная
dotted – пунктирная (точки)
dashed – штриховая
double – двойная
groove – эффект углубления
ridge – эффект кромки
inset – эффект врезки
outset – эффект возвышения

Для ширины границы используйте border-width (в пикселях) и его частные свойства border-top-width, border-right-width, border-bottom-width, border-left-width. Для цвета применяют border-color.

Пример кода:

h2 {
  border-style: dashed;
  border-width: 3px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-color: red;
}

В результате получите красную прерывистую границу вокруг заголовка h2 шириной 3px сверху и снизу, и 10px слева и справа.

← Как это работает вместе | Эт-правила CSS →