Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS



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

Перейти к справке CSS

p
{
border-style:solid;
}


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

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

Заметка: для облегчения запоминания порядка задания стиля бордюров можно запомнить два простых правила:

  1. Бордюры нумеруются с верхнего по часовой стрелки
  2. Вертикальные бордюры имеют приоритет перед горизонтальными, т.е. если указано три цвета, два вертикальных имеют свои цвета, а левый бордюр получает цвет от правого.
Значение по умолчанию нет
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.borderStyle="dotted double"

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

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

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


Возможные значения свойства border-style

Значение Описание
none Без бордюров
hidden Имеет такой же эффект, как и none, за ислючением случаев конфликта ячеек с различным стилем бордюров, при этом левая ячейка бордюра не будет отображаться совсем
dotted Бордюр из точек
dashed Пунктир, бордюр из коротких отрезков линий
solid Сплошная линия
double Бордюр из двух параллельных линий
groove Вдавленный бордюр, эффект создатся за счет цвета
ridge Выпуклый бордюр, эффект создается за счет цвета
inset Трехмерная вдавленная линия
outset Трехмерная выдавленная линия
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS border


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта