CSS справочник | Границы элементов

border

— определяет все свойства границы элемента:

border: [border-width] [border-style] [border-color]

border: 1px solid Red → граница шириной в один пиксел, сплошная красная.

border-color

— определяет цвет границ:

border-color: Red → все четыре границы красного цвета.

border-top-color

— определяет цвет верхней границы:

border-top-color: #ff0000

border-bottom-color

— определяет цвет нижней границы:

border-bottom-color: #ff0000

border-left-color

— определяет цвет левой границы:

border-left-color: Red

border-right-color

— определяет цвет правой границы:

border-right-color: Red

border-style

— определяет будет ли граница сплошной, точечной, штриховой или двойной-сплошной:

border-style: dotted|dashed|solid|double

border-style: dotted → точечная граница;

border-style: dashed → штриховая граница;

border-style: solid → сплошная;

border-style: double → двойная-сплошная.

border-top-style | border-bottom-style

border-left-style | border-right-style

— определяют стили верхней, нижней, левой и правой границы.

border-width

— определяет ширину границ:

border-width: 2px; → ширина границ равна двум пикселям.

border-top-width | border-bottom-width

border-left-width | border-right-width

— определяют соответственно ширины верхней, нижней, левой и правой границ:

border-top-width: 2px

border-top

— определяет все свойства верхней границы элемента:

border-top: [border-top-width] [border-top-style] [border-top-color]

border-top: 1px solid #999999 → граница шириной в 1 пиксел, сплошная, серого цвета.

border-bottom | border-left | border-right

— определяют соответственно все свойства нижней, левой и правой границы.

border-collapse

— определяет будут ли границы ячеек и граница таблицы сливаться в одну или нет.

border-collapse: separate|collapse

border-collapse: separate → границы не сливаются, а расположены паралельно;

border-collapse: collapse → границы ячеек и таблицы в местах соприкосновения

сливаются в одну общую границу.

Автор проекта - Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

CSS справочник | Фон CSS границы CSS справочник | Margin padding