Каждая таблица стилей образуется из наборов правил. Чтобы лучше понять, что же такое правила, давайте разберем их структуру. Каждое правило имеет две основные части: селектор (selector) и блок объявлений (declaration block).

Структура правила CSS

Блок объявлений состоит из одного или более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value).

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства. Выше представлен блок, содержащий два объявления. Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), а второе — что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы H1 (определённые селектором) этого документа будут выводиться красным текстом на желтом фоне.

Текущая категория

Свойства CSS — border-top-color;   border-right-color;   border-bottom-color;   border-left-color;

Эти свойства задают цвет видимых частей рамки элемента. Задан может быть только чистый цвет; чтобы появилась видимая рамка, ее стиль должен отличаться от none или hidden.
Значения:

<?php
<цвет> | transparent inherit

Начальное значение: значение свойства color элемента
Область применения: все элементы
Наследование: нет
Вычисляемое значение: если значение не задано, используется вычисляемое значение свойства color того же элемента; в противном случае — как задано

Свойства CSS — border-top-color; border-right-color; border-bottom-color; border-left-color; во многом похожи на аналогичные свойства для стиля и ширины. Задать заголовкам сплошную черную рамку, серую справа, можно следующим образом:

<?php
hi 
{
border-stylesolid;
border-colorblack;
border-right-colorgray;
}

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

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

Скажем, если надо задать четырём ссылкам рамки, которые по умолчанию будут невидимыми, но при проведении указателем по ссылке получат значение inset. Этого можно достичь, делая рамки прозрачными, если указатель не находится над ссылкой:

<?php
a
:linka:visited {
border-stylesolid;
border-width2px;
border-colortransparent;

a:hover {
border-colorgreen;
}

Значение transparent даёт возможность использовать рамки как дополнительные отступы, которые можно делать видимыми по своему желанию. Они действуют как отступы, потому что фон элемента, если он видимый, распространяется на область рамки.
Поддержки значения transparent в IE/Win до версии IE7 нет. В этих версиях для определения цвета рамки применяется значение свойства color элемента. Здесь можно только сказать словами Лигачёва Егора Кузьмича: "Билл, ты не прав!":))))

Текущая категория

ПОЛЕЗНЫЕ ССЫЛКИ:

Рекомендуем Porta Potti 345 Qube купить по выгодным расценкам в этой компании.


Актуальная информация мебель интернет магазин на нашем сайте - ИП Ларин Михаил Юрьевич. по оптовым ценам