Рамка вокруг абзаца
Рисунок 10.18. Рамка вокруг абзаца (фон абзаца для удобства сделан светло-серым)
Группа комбинированных списков Style задает стиль линии рамки: будет ли она сплошная, точечная или вообще невидимая. Всего в каждом из этих списков доступны девять пунктов:
- nоnе — рамка отсутствует (поведение по умолчанию);
- dotted — точечная линия;
- dashed — пунктирная линия;
- solid — сплошная линия;
- double — двойная линия;
- groove - "вдавленная" трехмерная линия;
- ridge - "выпуклая" трехмерная линия;
- inset — элемент страницы напоминает выпуклый трехмерный прямоугольник (Рисунок 10.19);
- outset — элемент страницы напоминает вдавленный трехмерный прямоугольник (Рисунок 10.20).
Как видите, стандарт CSS предоставляет вам довольно много различных стилей для рамок. Пользуясь ими, вы можете создавать довольно интересные вещи, например, подобие стандартных кнопок Windows. (Забегая вперед, можно отметить, что и вести себя они будут как обычные кнопки, если вы кое-что измените в их коде.)
Толщина рамки задается группой комбинированных списков Width. В эту группу входят списки Тор (задает толщину верхней стороны рамки), Right (правой), Bottom (нижней) и Left (левой). Вы можете ввести в любой из этих списков числовое значение и выбрать в расположенном правее раскрывающемся списке единицу измерения, абсолютную или относительную.
Кроме того, в этих комбинированных списках доступны три пункта, задающие предопределенные значения толщины рамки:
- thin — тонкая рамка;
- medium — средняя;
- thick — толстая.
Описанным выше способом мы можем создавать линейки, не пользуясь, как раньше, для этой цели таблицами. Как видите, стили — самый радикальный способ преодолеть недостатки таблиц.
Содержание раздела