Учебник CSS. Границы
Спецификация CSS2 описывает атрибут стиля border, который позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам. Могут быть установлены следующие параметры границы:
| border-width | Ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая). table {border-width: 2px;} |
| border-color | Цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно table {border-color: green;} |
| border-style | Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset table {border-style: dashed;} table {border-style: groove;} |
Примечание
Спецификация CSS2 позволяет задать стили для каждой из сторон границы. Например: border-сторона[-атрибут]. Где сторона может принимать следующие значения: top (верхняя граница), bottom (нижняя граница), left (левая граница) и right (правая граница). Таким образом { border-bottom-width: 1px } будет означать, что ширина нижней границы равна 1 пикселу.
Примеры
| Пример стиля groove |
Верхняя часть заголовка зеленого цвета (dotted)
| Верхняя граница окрашена в синий цвет | Пример стиля dashed |
| Пример стиля double | Граница из двух линий. Сумма ширины каждой линии и промежуток между ними равняется значению border-width. |
Пример использования тега DIV
Пример атрибутов
границы элемента DIV
границы элемента DIV
Здесь приводится код примера
<DIV STYLE="background: silver; border-style: dashed; border-width: thick; border-top-color: red; border-right-color: green; border-bottom-color: blue; border-left-color: yellow;">Пример атрибутов<br> границы элемента DIV</DIV>
