CSS справочник

CSS граница или border

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 | Обновление: Август 2014

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

    Сохранить в сервисы и закладки