Параметры выделения
Выделение в CSS3 очень схоже с рамкой, но имеет важное преимущество - выделение не изменяет размеры элемента html-страницы к которому оно применяется.
Выделение представляет рамку, которая окружает элемент html-страницы. Веб-мастер может задавать толщину, цвет и стиль линии выделения (рамки).
- outline-width - толщина рамки выделения:
- thin - тонкая линия;
- medium - линия средней толщины;
- thick - толстая линия;
- числовое значение.
- outline-color - цвет рамки выделения;
- outline-style - вид линии, которыми будет нарисована рамка выделения:
- none - рамка отсутствует;
- hidden - рамка отсутствует;
- dotted - пунктирная линия;
- dashed - штриховая линия;
- solid - сплошная линия;
- double - двойная линия;
- groove - "вдавленная" трехмерная линия;
- ridge - "выпуклая" трехмерная линия;
- inset - трехмерная "выпуклость";
- outset - трехмерное "углубление".
ПРИМЕР:
H1 {
outline-width: 5px;
outline-color: red;
outline-style: double
}
|
Задавать сразу все параметры рамки выделения можно при помощи атрибута стиля outline:
outline: <width> <style> <color>
ПРИМЕР:
H1 {outline: 5px double red}
|
