Граница(border)
У всякого блочного элемента разметки есть граница. От границы отсчитываются отступы (margin и padding). По границы "плавающего" блока происходит его обтекание текстом.
Для изложения границ блоков используются следующие признаки:
- border-top-width:
- ширина верхней границы блока.
- border-bottom-width:
- ширина нижней границы блока.
- border-left-width:
- ширина левой границы блока.
- border-right-width:
- ширина правой границы блока.
- border-width:
- ширина границы блока. Задается в том случае, если ширина границы блока идентичная по каждому периметру блока
- border-color:
- цвет границы блока. Согласно спецификации CSS1 может быть задан для всей из границ блока. Скажем, border-right-color:red. Может задаваться как мнемоникой (red, blue, navy и т.п.), так и в нотации RGB (border-color:#003366). Указание цвета для всякой из границ поддерживается не всеми браузерами.
- border-style:
- тип линии границы блока. Может принимать значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset. Согласно спецификации CSS1 может быть задан для всей из границ блока. Скажем, border-right-style:dotted. Указание типа линии границы поддерживается не всеми браузерами.
Для изложения границы нет необходимости указывать в жанре все признаки. Существует сокращенная запись признаков. Скажем, для изложения верхней линии границы дозволено применить запись типа:
p {border-top:1px dotted red;}
признак: ширина_линии тип_линии цвет_линии
Если нужно ограничить блок текста рубежом, то это может выглядеть приблизительно так:
В этом примере мы применяли следующее изложение жанра отображения границы:
p {text-align:left;border-width:2px;
border-color:darkred;border-style:solid;}
Использование границы для обозначения блока не самый изящный метод оформления документа. Во каждом случае используют ее нечасто.
Указывая рубеж в IE, надобно непременно указывать ее тип, в отвратном случае она не будет отображаться.
далее...