- Главная»
- CSS-Шпаргалка»
- border-style
border-style
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
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 | Значение должно быть унаследовано от элемента родителя |