Свойства border-top, border-right, border-bottom , border-left и border

Для одновременного задания ширины, цвета и стиля верхней, правой, нижней и левой границ используются соответственно свойства border-top, border-right, border-bottom и border-left. Значения ширины, цвета и стиля могут быть заданы в произвольном порядке, если какое-либо значение опущено, предполагается значение по умолчанию для соответствующего свойства.

Свойство border определяет значения ширины, цвета и стиля для границ блока (от одного до трех значений). Каждое значение определяет значение соответствующего свойства для всех четырех границ: верхней, правой, нижней и левой.

Пример 4.3.59. Задание свойств границы:

1. p.help {border-left: blue 7px solid} – задание для абзаца класса help левой границы толщиной 7 пикселей, синего цвета со стилем сплошная линия.

2. p.selection {border: 12pt brown groove} – задание для абзаца класса selection всех границ толщиной 12 пунктов, темно-синего цвета со стилем вдавленная линия.

Пример вывода Web-страницы для абзацев классов help и selection:


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: