Параметры, определяющие цвет и толщину рамки вокруг элемента страницы, задаются на вкладке Border диалогового окна CSS Style Definition. Эта вкладка показана на рис. 10.17.
Рис.
10.17. Вкладка Border диалогового окна CSS Style Definition
Рис.
10.18. Рамка вокруг абзаца (фон абзаца для удобства сделан светло-серым)
- nоnе —
рамка отсутствует (поведение по умолчанию);
- dotted
— точечная линия;
- dashed —
пунктирная линия;
- solid —
сплошная линия;
- double —
двойная линия;
- groove
- "вдавленная" трехмерная линия;
- ridge -
"выпуклая" трехмерная линия;
- inset —
элемент страницы напоминает выпуклый трехмерный прямоугольник (рис. 10.19);
- outset
— элемент страницы напоминает вдавленный трехмерный прямоугольник (рис.
10.20).
Толщина рамки задается группой комбинированных списков Width. В эту группу входят списки Тор (задает толщину верхней стороны рамки), Right (правой), Bottom (нижней) и Left (левой). Вы можете ввести в любой из этих списков числовое значение и выбрать в расположенном правее раскрывающемся списке единицу измерения, абсолютную или относительную.
Кроме того, в этих комбинированных списках доступны три пункта, задающие предопределенные значения толщины рамки:
- thin — тонкая рамка;
- medium — средняя;
- thick —
толстая.
Рис.
10.19. Элемент страницы, созданный с использованием стиля рамки inset
Рис.
10.20. Элемент страницы, созданный с использованием стиля рамки outset
Опять же, если вы хотите задать одинаковые параметры для всех сторон рамки, включите флажок Same for All, находящийся в соответствующей группе элементов управления. После этого задайте нужные параметры в списке или селекторе цвета, которые станут после этого доступными.
Да, рамка обычно делается одинаковой со всех сторон. Но Dreamweaver и таблицы стилей позволяют вам задать различные стили, значения ширины и цвета для каждой стороны рамки отдельно. Вы даже можете убрать какие-то из сторон рамки или вообще оставить только одну сторону. Такой пример показан на рис. 10.21. Здесь мы задали для левой стороны значение thick, а для остальных сторон — 0. Кроме того, мы задали величину отступа Padding слева равной 0,5 см, а с других трех сторон убрали его совсем. Попробуйте сделать так же!
Рис. 10.21. Вертикальная линия слева от текста абзаца
Назад | Содержание | Вперед |