CSS border-style

Свойство border-style устанавливает стиль рамки элемента. Можно указывать разные стили для разных сторон.

Возможные значения:

none — Так же как и hidden  скрывает рамку. В этом случае вычисленные значения border-width  будут равны 0, даже если указаны другие значения в них. В случае ячейки таблицы и border-collapse , установленного в collapse , значение none  имеет наименьший приоритет, что означает, что если другая конфликтующая рамка установлена, то она будет отображаться.

hidden — Скрывает рамку, но имеет высший приоритет в случае border-collapse , равного collapse , с другими конфликтующими рамками.

dotted — Рамка из точек.

dashed — Пунктирная рамки.

solid — Сплошная рамка.

double — Определяет двойную рамку.

groove — Объёмная вдавленная рамка.

ridge — Объёмная выпуклая рамка.

inset — Элемент будет словно вдавлен в страницу.

outset — Элемент будет словно выступать на странице.

Можно указывать до четырёх значений, разделяя их между собой пробелом.

Если указано одно значение, то стиль рамки будет применён ко всем сторонам элемента.

Если указано два значения, то первое значение будет указывать стиль верхней и нижней рамки, а второе значение будет указывать стиль левой и правой рамки.

Если указано три значения, то первое задаёт стиль верхней стороны рамки, второе левой и правой стороны рамки, а третье указывает стиль нижней стороны рамки.

Если указано четыре значения, то они устанавливают стиль верхней стороны рамки, правой, нижней и левой соответственно.

Значение по умолчанию: none

Наследуется: Нет

Пример:

Посмотреть результат.

 

 


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*