Основы работы с CSS

Параметр 'border-style'


Этот параметр задает стиль четырех сторон границы. Позволяет определить от одного до четырех стилей.

Наследование: нет.

Может принимать следующие значения:

ЗначениеОписание
NoneОпределяет отсутствие границы
HiddenТо же самое, что "none", за исключением разрешения конфликта границ для элементов таблицы
DottedОпределяет пунктирную границу. Изображается в большинстве браузеров сплошной линией
DashedОпределяет штрих-пунктирную границу. Изображается в большинстве браузеров сплошной линией
solidОпределяет сплошную границу
doubleОпределяет двойную границу. Толщина двойной границы будет соответствовать значению border-width
grooveОпределяет 3D-границу (groove). Результат зависит от значения цвета границы
ridgeОпределяет 3D-границу (ridge). Результат зависит от значения цвета границы
insetОпределяет 3D-границу (inset). Результат зависит от значения цвета границы
outsetОпределяет 3D-границу (outset). Результат зависит от значения цвета границы

Примеры:

p {border-style: dashed} все четыре стороны границы будут штрих-пунктирными.

p {border-style: solid double} верхняя и нижняя стороны границы будут сплошными, левая и правая сторона граница будут двойными.

p {border-style: solid double dotted} верхняя сторона границы будет сплошной, левая и правая сторона границы будут двойными, нижняя сторона границы будет пунктирной.

p {border-style: dashed double dotted solid} верхняя сторона граница будет штрих-пунктирной, правая сторона границы будет двойной, нижняя сторона границы будет пунктирной, левая сторона границы будет сплошной.



Содержание раздела