Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS - Справочник CSS, уроки CSS, jQuery
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Справочник CSS » Глава 2. Стили для цвета и фона
Не нравится(-) 15 Нравится(+)
Глава 2. Стили для цвета и фона

Первая часть нашего справочника CSS 2.0. Здесь вы можете прочитать о стилях, применяемых к цвету и фону.

color - Задаёт цвет элемента шестизначным кодом. Если в коде все символы одинаковы, то их количество сокращается до трёх.

Примеры:
Зададим белый цвет символов текста:
color: #fff;

Зададим серый цвет символов:
color: #b4b4b4;


Совместимость:
Частично поддерживается Internet Explorer начиная с версии 3.02, полностью - с версии 4.0.

-------------------------------------------------------------------------

background-color - задает фоновый цвет элемента шестизначным кодом. Если в коде все символы одинаковы, то их количество сокращается до трёх. По умолчанию – прозрачный фон.

Примеры:
Зададим белый цвет объекта:
background-color: #fff;

Зададим серый цвет объекта:
background-color: #b4b4b4;


Совместимость:
Частично поддерживается Internet Explorer начиная с версии 3.02, полностью - с версии 4.0.

-------------------------------------------------------------------------

background-image - задает фоновый рисунок элемента. Рисунок задаётся через его адрес (url). По умолчанию – прозрачный фон.

Примеры:
Зададим фоном рисунок из той же папки:
background-image: url (fon.png);


Совместимость:
Частично поддерживается Internet Explorer начиная с версии 3.02, полностью - с версии 4.0.

-------------------------------------------------------------------------


background-attachment – атрибут, позволяющий запретить прокручивание фонового рисунка вместе с содержимым страницы (применяется только для тега body). Задаётся только определёнными значениями:

  • scroll – прокручивание фона вместе со страницей

  • fixed – запрет на прокручивание фона вместе со страницей



Примеры:
запрет на прокручивание фонового рисунка:
background-attachment: fixed;


Совместимость:
Частично поддерживается Internet Explorer начиная с версии 3.02, полностью - с версии 4.0.

-------------------------------------------------------------------------



background-repeat – задаёт порядок повторения фонового рисунка элемента, или всей страницы. Задаётся только определёнными значениями:

  • repeat – повторяет фоновое изображение по всем направлениям (по умолчанию)

  • no-repeat – запрет на повторение фонового изображения

  • repeat-x – повторяет фоновое изображение по горизонтали

  • repeat-y – повторяет фоновое изображение по вертикали



Примеры:
Установим запрет на повторение фонового рисунка:
background-repeat: no-repeat;  


Совместимость:
Поддерживается Internet Explorer начиная с версии 4.0.

-------------------------------------------------------------------------



background-position - задает положение фонового рисунка по вертикали и горизонтали. Задаётся – в процентах. Значение по умолчанию: 0% 0%. Доступно раздельное назначение для вертикали и горизонтали:
background-position-x – задаёт положение фонового рисунка по горизонтали. Может быть задан целым числом, в процентах, или определённым значением: left, center, right.
background-position-y - задаёт положение фонового рисунка по вертикали. Может быть задан целым числом, в процентах, или определённым значением: top, center, bottom.

Примеры:
Установим вертикальное положение - верх:
background-position-y: top;  


Совместимость:
Поддерживается Internet Explorer начиная с версии 4.0.


-----------------------------------
Правила копирования материалов статьи
Вернуться к содержанию


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!



---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 10181 раз(а) и написали 13 комментариев.
Подписаться на канал RSS Добавить сайт в закладки

«    Август 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
© 2008-2017 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design, OniX © 2010 - 2017
Valid XHTML 1.0 Transitional Правильный CSS!