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

18. Для задания цвета текста используется параметр color, который может принимать значения:

• любое значение цвета, которое соответствует стандарту.
• inherit - параметр принимает значение родительского элемента. Пример использования:
• p {color:blue}
• p {color:rgb(255,0,0)}
• p {color:#0000ff}

19. Каскадные таблицы стилей позволяют задать цвет фона документа с помощью параметра background-color. Параметр background-color может принимать значения:

• любое значение цвета, которое соответствует стандарту CSS.
• transparent – задает прозрачный фон элемента. Применяется по умолчанию.
• inherit - параметр принимает значение родительского элемента.

Пример использования: body{background-color: red}

20. Задать фоновое изображение можно при помощи параметра background-image, который принимает следующие параметры:

• none - фоновое изображение отсутствует
• URL фонового изображения.
• inherit - параметр принимает значение родительского элемента.

Пример использования: body{background-image: url(pictures.gif)}

21. Направление заполнения копиями фонового изображения определяется свойством background-repeat. Параметры background-repeat могут принимать следующие значения:

• repeat – копии фонового изображения повторяется по горизонтали и по вертикали
• repeat-x – повторение копий изображения по горизонтали.
• repeat-y - повторение копий изображения по вертикали.
• no-repeat - фоновое изображение не повторяется.
• inherit - параметр принимает значение родительского элемента.

Пример использования: body {background-image: url(puma.gif); background-repeat: repeat-y}

22. Параметр background-attachment фиксирует или разрешает прокрутку фонового изображения вместе с документом. Значения, которые принимает параметр background-attachment:

• scroll - фоновое изображение прокручивается вместе с документом
• fixed – фиксированное положение фонового изображения в окне браузера
• inherit - параметр принимает значение родительского элемента.

Пример использования: body{background-image: url(pictures.gif); background-attachment: fixed;}

23. Свойство background-position позволяет определить положение изображения относительно верхнего левого угла документа. Одиночное значение определяет как горизонтальное, так и вертикальное смещение. По умолчанию, значение background-position равно 50%.

Свойство background-position может принимать следующие значения:

• Первое значение - расстояние по горизонтали от левого края документа до изображения.
• Второе значение определяет расстояние по вертикали от левого края документа до изображения.

Значение background-position может выражаться ключевыми словами:

• top - размещение изображение по верхнему краю
• center - размещение изображение по центру документа.
• bottom - размещение изображения по нижнему краю документа.
• left - размещение изображение по левому краю документа.
• light - размещение фонового изображение по правому краю.
• inherit - параметр принимает значение родительского элемента.

Пример использования: body {background-image: url(lupos.gif); background-position: center;}

24. Параметр background позволяет определить установки всех параметров изображения фона. В том случае, если какой либо параметр не указан или опущен, берется его значение, принятое по умолчанию.
Параметр background может принимать следующие значения:

• background-color - цвета фона.
• background-image – путь к фоновому изображению.
• background-repeat - значение повторения фонового изображения.
• background-attachment - значение фиксации фонового изображения.
• background-position - значение положения фонового изображения.
• inherit - применяется значение родительского элемента.

Пример использования: body{background:black url(picture/idol.jpg) center no-repeat;}

25. благодаря свойству opacity можно устанавливать степень прозрачности фона в браузерах Firefox (с приставкой –moz-) и Opera 9.

Свойство opacity может принимать значения от 0 до 1.

Пример использования:

Для браузера Firefox
div{-moz-opacity:0.5;}
Для браузера Opera 9

div{opacity:0.5;}