border-style

Поддержка браузеров

IE Opera Chrome Firefox Safari
IE до 7.0 (включ.) не поддерживает значение inherit и hidden + + + +

Пример

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

p
  	{
  	border-style:solid;
  	}

Описание и использование

Свойство border-style задает стиль для четырех границ. Это свойство может иметь от одного до четырех значений.

Примеры:

* border-style:dotted solid double dashed; - верхняя граница в-точку - правая граница обычная - нижняя граница двойная - левая граница в-тире

* border-style:dotted solid double; - верхняя граница в-точку - правая и левая границы обычные - нижняя граница двойная

* border-style:dotted solid; - верхняя и нижняя границы в-точку - правая и левая границы обычные

* border-style:dotted; - все четыре границы в-точку

Значение по умолчанию: не указано
Наследуется: нет
Версия: CSS1

Аргументы

Значение Описание
none Граница отсутствует
hidden То же, что и "none"
dotted Граница в-точку
dashed Граница в-тире
solid Простая граница
double Двойная граница
groove Рифленная 3D граница. Эффект зависит от значения border-color
ridge Очередной тип 3D границы. Эффект зависит от значения border-color
inset Очередной тип 3D границы. Эффект зависит от значения border-color
outset Очередной тип 3D границы. Эффект зависит от значения border-color
inherit Значение должно быть унаследовано от элемента родителя
^ Наверх ^