# Свойство-сокращение для границы в CSS

Так же, как и для шрифтов, для границ тоже существует свойство-сокращение `border`, которое мы можем использовать вместо того, чтобы писать `3` разных свойства для толщины, цвета и типа границы. В этом свойстве мы можем просто перечислить значения для границы в любом порядке.

Давайте посмотрим на примере. Пусть у нас есть вот такая граница:

`#elem { border-width: 1px; border-style: solid; border-color: black; width: 300px; height: 100px; }`

Перепишем ее через свойство-сокращение:

`#elem { border: 1px solid red; width: 300px; height: 100px; }`

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

← →
↑