Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
background-color

transparent - фон остаётся прозрачным

  1.H1 { background-color: #F00 }

Фон

Фон элемента может быть задан с помощью цвета, так же как и для свойства color либо с указанием изображения, которое будет использовано в качестве фона элемента.

Фон элемента распространяется на содержимое элемента и внутренние отступы, внешние отступы и рамка элемента не перекрываются фоном элемента.

Фон не наследуется дочерними элементами родительского элемента, однако дочерние элементы, благодаря прозрачности, будет содержать часть фона родительского элемента.

Пример установки фона элемента BODY:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Setting the canvas background</TITLE>
  5. <STYLE type="text/css">
  6. BODY { background: url("http://style.com/marble.png") }
  7. </STYLE>
  8. </HEAD>
  9. <BODY>
10. <P>My background is marble.
11. </BODY>
12.</HTML>

В качестве цвета фона допускается использовать цвета элементов браузера:

ActiveBorder Цвет рамки активного окна.
ActiveCaption Цвет активного заголовка окна.
AppWorkspace Background color of multiple document interface.
Background Цвет фона рабочего стола.
ButtonFace Цвет внешней стороны кнопки.
ButtonHighlight Цвет тени рамки кнопки.
ButtonShadow Цвет тени кнопки.
ButtonText Цвет текста кнопки.
CaptionText Цвет заголовка, цвет элемента скроллинга содержащего стрелку.
GrayText Цвет используемый для обозначения неактивного элемента - серый цвет.
Highlight Цвет активных элементов списка, выводимого при использовании вкладок браузера.
HighlightText Цвет текста активных элементов списка, выводимого при использовании вкладок браузера.
InactiveBorder Цвет неактивной рамки окна.
InactiveCaption Цвет неактивного заголовка окна.
InactiveCaptionText Цвет текста, расположенного в неактивном заголовке окна.
InfoBackground Цвет фона всплывающей подсказки.
InfoText Цвет текста всплывающей подсказки.
Menu Цвет меню.
MenuText Цвет текста в в меню.
Scrollbar Цвет скроллинга.
ThreeDDarkShadow Цвет тени для трехмерных элементов.
ThreeDFace Цвет лицевой стороны трехмерного элемента.
ThreeDHighlight Цвет выделения трехмерных элементов.
ThreeDLightShadow Цвет трехмерных элементов (цвет светлых краев элемента).
ThreeDShadow Цвет тени для трехменых элементов.
Window Цвет фона окна.
WindowFrame Цвет фрейма
WindowText Цвет текст окна

Пример устанавливает такой же цвет параграфа и цвет текста как фоновый цвет окна пользователя и цвет текста этого окна:

  1.P { color: WindowText; background-color: Window }
  2.


Доступ и установка с jQuery

  • Получить свойство backgroundColor: val = $("div").css("backgroundColor");
  • Установить свойство backgroundColor: $("div").css({"backgroundColor":"..."});
  • Установить свойство backgroundColor: $("div").css("backgroundColor","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org