Сокращенные свойства обрамления CSS

CSS граница - сокращенные свойства

Как вы видели в предыдущей главе, при обработке рамок необходимо учитывать множество свойств.

Чтобы уменьшить количество кода, также можно указать все отдельные свойства рамки в одном свойстве.

border Свойство является кратким свойством для следующих отдельных свойств рамки:

  • border-width
  • border-style(Обязательное)
  • border-color

Пример

p {
  border: 5px solid red;
}

Результат:

Некоторый текст

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

Вы также можете指定 все отдельные свойства рамки для одного края:

левый край

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Результат:

Некоторый текст

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

нижний край

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Результат:

Некоторый текст

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