Прозрачные рамки

Как вы помните, если у рамки нет стиля, то она не имеет и ширины. Однако возможны ситуации, когда надо создать невидимую рамку. Тут-то и появляется значение цвета рамки transparent (введено в CSS2). Это значение применяется для создания невидимой рамки, имеющей ширину. Скажем, вы хотите задать трем ссылкам рамки, которые по умолчанию будут невидимыми, но при проведении указателем по ссылке получат значение inset. Этого можно достичь, делая рамки прозрачными, если указатель не находится над ссылкой:

a:link, a:visited {border-style: solid; border-width: 5px;
border-color: transparent;}
a:hover {border-color: gray;}

В некотором смысле значение transparent дает нам возможность использовать рамки как дополнительные отступы, которые можно делать видимыми по своему желанию. Они действуют как отступы, потому что фон элемента, если он видимый, распространяется на область рамки. Поддержки значения transparent в IE/Win до версии IE7 нет. В этих версиях для определения цвета рамки применяется значение свойства color элемента.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные значения и поля
Задание рамки одним свойством
Несколько стилей
Основные блоки элементов
Отрицательные и свернутые поля

Вернуться в раздел: CSS / 8. Отступы, рамки и поля