УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство border-style


CSS Справочник Полный CSS Справочник

Пример

Установить стиль четырех границ:

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
JavaScript синтаксис: объект.style.borderStyle="dotted double"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство border-style поддерживается всеми основными браузерами.

Замечание: Ни одна версия Internet Explorer (включая IE8) не поддерживает значения свойств "inherit" или "hidden".


Значения Свойства

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


Примеры

Попробуйте сами - Примеры

Установить различные границы на каждой стороне
Как указать разные границы на каждой стороне элемента.


Смотрите Также

CSS уроки: CSS Граница


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS