Общее свойство стилей границ: border-style

border-style

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.6 1.0 7.0 12.0 3.0
Свойство
border-style — это сокращенное свойство для стиля границ
Описание
Для того чтобы не задавать каждый стиль границы по отдельности существует возможность задать сразу все стили для границ. В качестве значения свойство border-style может принимать от одного до четырех стилей.


запись border-style: dotted; равноценна записи border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted;
border-style-one
Цифра 1 означает что одно значение, указанное в свойстве border-style, применяется ко всем четырем сторонам


запись border-style: dotted dashed; равноценна записи border-top-style: dotted; border-bottom-style: dotted; border-left-style: dashed; border-right-style: dashed;
border-style-two
Цифра 1 соответствует первому значению в свойстве border-style, а цифра 2 — второму значению


запись border-style: dotted dashed solid; равноценна записи border-top-style: dotted; border-right-style: dashed; border-left-style: dashed; border-bottom-style: solid;
border-style-three
Цифра 1 соответствует первому значению в свойстве border-style, цифра 2 — второму значению, а цифра 3 — третьему значению


запись border-style : dotted dashed solid double; равноценна записи border-top-style: dotted; border-right-style: dashed; border-bottom-style: solid; border-left-style: double;
border-style-four
Цифра 1 соответствует первому значению в свойстве border-style, цифра 2 — второму значению, цифра 3 — третьему значению, а цифра 4 — четвертому значению

Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
border-top-style | border-right-style | border-bottom-style | border-left-style
Значение по умолчанию
none — для каждого значения
Правила записи
свойство: значение; или
свойство: значение значение; или
свойство: значение значение значение; или
свойство: значение значение значение значение;
Примеры

<p>

Значение none отменяет стиль границ

</p>

<p>

Этот абзац имеет стиль границ dotted

</p>

<p>

Этот абзац имеет стиль границ dashed

</p>

<p>

Этот абзац имеет стиль границ solid

</p>

<p>

Этот абзац имеет стиль границ double

</p>

<p>

Этот абзац имеет стиль границ groove

</p>

<p>

Этот абзац имеет стиль границ ridge

</p>

<p>

Этот абзац имеет стиль границ inset

</p>

<p>

Этот абзац имеет стиль границ outset

</p>

<p>

Это значит что свойство унаследует значение от родителя

</p>

Поделиться