Главная->CSS->border-style

border-style

08 Нояб 2019г. в 16:32

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

Примеры:

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

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

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

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

p
{
border-style:solid;
}

Аргументы

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