Границы элементов

Свойство

Описание

border

Задает свойства границ элемента страницы.

border: [{border-color}] [{border-style}] [{border-width}];

Значение по умолчанию medium none.

border-color

Задает цвет всех границ элемента страницы: {border-top-color} [{border-right-color}] [{border-bottom-color}] [{border-left-color}];

Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится к верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.

border-top-color

Задает цвет верхней границы элемента страницы: {Цвет};

border-bottom-color

Задает цвет нижней границы элемента страницы.

border-bottom-color: {Цвет};

border-left-color

Ззадает цвет левой границы элемента страницы: {Цвет};

border-right-color

Задает цвет правой границы элемента страницы.

border-right-color: {Цвет};

border-style

Задает тип сразу всех границ элемента страницы. border-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;

none – запрещает рисование границы (по умолчанию);

dotted – рисует точечную линию; dashed – рисует штриховую линию; solid – рисует сплошную линию; double – рисует двойную сплошную линию; groove – рисует трехмерную вдавленную границу; ridge – рисует трехмерную выпуклую границу; inset – рисует трехмерную "ступеньку вверх"; outset – рисует трехмерную "ступеньку вниз".

border-top-style

Задает тип верхней границы элемента страницы: none|dotted|dashed|solid|double|groove|ridge|inset|outset;

border-bottom-style

Задает тип нижней границы элемента страницы: none|dotted|dashed|solid|double|groove|ridge|inset|outset;

border-left-style

Задает тип левой границы элемента страницы: none|dotted|dashed|solid|double|groove|ridge|inset|outset;

border-right-style

Задает тип правой границы элемента страницы: none|dotted|dashed|solid|double|groove|ridge|inset|outset;

border-width

Задает толщину всех границ элемента страницы: {border-top-width} [{border-right-width}] [{border-bottom-width}] [{border-left-width}];

Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится к верхней и нижней границам, а второе - к левой и правой. Если задано три значения, первое применяется к верхней границе, второе - к левой и правой, третье - к нижней. Толщина может быть задана числовым значением или предопределенным значением : thin, medium, thick. Значение по умолчанию medium.

border-top-width

Задает толщину верхней границы элемента страницы.

border-top-width: medium|thin|thick|{Толщина};

border-bottom-width

Задает толщину нижней границы элемента страницы.

border-bottom-width: medium|thin|thick|{Толщина};

border-left-width

Задает толщину левой границы элемента страницы.

border-left-width: medium|thin|thick|{Толщина};

border-right-width

Задает толщину правой границы элемента страницы.

border-right-width: medium|thin|thick|{Толщина};

border-top

Задает все свойства верхней границы элемента страницы за один прием: [{border-top-color}] [{border-top-style}] [{border-top-width}];

Значение по умолчанию medium none.

border-bottom

Задает все свойства нижней границы элемента страницы: [{border-bottom-color}] [{border-bottom-style}] [{border-bottom-width}];

border-left

Задает все свойства левой границы элемента: [{border-left-color}] [{border-left-style}] [{border-left-width}];

border-right

Задает все свойства правой границы: [{border-right-color}] [{border-right-style}] [{border-right-width}];