Border-bottom-width

Определяет размер нижней границы блока. По умолчанию значением данного свойства является средняя толщина границы.

Пример:

h1 {border-bottom-width: thin}

Border-left-width

Указывает размер левой границы блока. По умолчанию значением данного свойства является средняя толщина границы.

Пример:

h1 {border-left-width: thin}

Border-right-width

Задает размер правой границы блока. По умолчанию значением данного свойства является средняя толщина границы.

Пример:

h1 {border-right-width: thin}

Border-width

Определяет размеры всех границ блока. Если значение свойства одно, то значение применяется ко всем границам блока. В случае двух значений первое задает верхнюю и нижнюю границы, а второе – левую и правую границы. При указании четырех значений они применяются к верхней, правой, нижней и левой границам.

Пример:

h1 {border-width: 1em}

Border-top-color

Указывает цвет верхней границы блока.

Пример:

p {border-top-color: black}

Border-bottom-color

Задает цвет нижней границы блока.

Пример:

p {border-bottom-color: white}

Border-left-color

Определяет цвет левой границы блока.

Пример:

p {border-left-color: blue}

Border-right-color

Указывает цвет правой границы блока.

Пример:

p {border-right-color: red}

Border-color

Определяет цвета всех границ блока. Если значение свойства одно, то значение применяется ко всем границам блока. В случае двух значений первое задает цвета верхней и нижней границы, а второе – цвета левой и правой границ. При указании четырех значений они применяются к верхнему, правому, нижнему и левому границам.

Пример:

p {border-color: blue}

Border-top-style

Указывает стиль верхней границы блока. Значением данного свойства могут быть:

- none – граница отсутствует;

- hidden – граница скрыта;

- dotted – граница отображается пунктирной линией;

- dashed – граница выводится штрих-пунктирной линией;

- solid – граница отображается сплошной линией;

- double – граница отображается двумя непрерывными линиями;

- groove – граница отображается вдавленной линией;

- ridge – граница выводится выпуклой линией;

- inset – блок представляется вдавленным;

- outset – блок отображается выпуклым.

Пример:

p {border-top-style: solid}

Не нашли, что искали? Воспользуйтесь поиском: