Записи с тегом "цвет"

Свойство border-color

12 Октябрь 2009 | Автор: admin | Теги: ,

Используйте border-color для задания цвета рамки. Если он не определен, броузер рисует рамку, применяя значение свойства color для элемента. Свойство border-color принимает от одного до четырех цветовых значений. Количество значений определяет способ их применения к рамке. Если установить только одно значение, все четыре стороны рамки будут одного цвета. Два значения приводят к тому, что верх и низ рамки окрашиваются в первый цвет, а левая и правая сторона рамки – во второй. В случае трех значений первое будет цветом верха рамки, второе – левой и правой сторон, третье – нижней стороны рамки. Четыре значения определяют цвет каждой из сторон: верха, правой стороны, низа, левой стороны.

Свойство background-color

20 Август 2009 | Автор: admin | Теги: ,

Свойство background-color управляет цветом фона элемента. Присваивайте этому свойству в качестве значения цвет или ключевое слово transparent. Значение по умолчанию – transparent (прозрачный). Результат будет естественным.

Тогда как вы, скорее всего, привыкли устанавливать цвет фона для всего документа при помощи специальных атрибутов тега <body>, стилевое свойство background-color может применяться к любому элементу. К примеру, чтобы установить фоновый цвет для одного элемента маркированного списка, напишите:

<li style=»background-color: blue»>

Подобным образом, все заголовочные ячейки в таблицах документа можно сделать инверсными:

th {background-color: black; color: white}

Если хотите, чтобы текст, на важности которого вы настаиваете, действительно выделялся, покрасьте его фон в красный цвет:

em {background-color: red}

Свойства цвета и фона

17 Август 2009 | Автор: admin | Теги: , ,

Каждый элемент в документе обладает цветами фона и переднего плана. В некоторых случаях фон представляет собой многокрасочное изображение. Стилевые свойства цвета и фона управляют и красками, и изображениями.

Дочерний элемент в HTML/XHTML обычно наследует цвет переднего плана от родительского элемента. В частности, если вы назначили тексту в теге <body> красный цвет, поддерживающий стили броузер будет отображать текст заголовков и абзацев красным.

Свойства фона ведут себя иначе – они не наследуются. Вместо этого каждый элемент имеет принятый по умолчанию прозрачный цвет фона, позволяющий фону родительского элемента проступать сквозь него. Таким образом, установка изображения фоном для тега <body> не приведет к постоянной его перезагрузке при выводе каждого элемента
в теле документа. Вместо этого броузер однажды загрузит изображение и сделает его задником документа, который будет служить фоном для всех элементов, не имеющих своего собственного, явно выраженного в цвете или рисунке.