Свойство сокращенной границы CSS
Граница CSS — сокращенное свойство
Как вы видели на предыдущей странице, есть много свойств, которые следует учитывать при работе с границами.
Чтобы сократить код, также можно указать все отдельные свойства границы в одном свойстве.
Свойство border
является сокращенным свойством для следующих отдельных свойств границы:
border-width
border-style
(обязательный)border-color
Пример
p {
border: 5px solid red;
}
Результат:
Some text
Вы также можете указать все индивидуальные свойства границы только для одной стороны:
Левая граница
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Результат:
Some text
Нижняя граница
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Результат:
Some text