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

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

CSS свойство background-color устанавливает цвет фона элемента HTML.

Синтаксис:

 background-color: color |  прозрачный |  наследовать 

color : цвет может быть указан как допустимое ключевое слово ( например, красный, бирюзовый), шестнадцатеричное значение или значение RGB.

transparent : если установлено, сам элемент не имеет цвета. Он показывает цвет элемента позади. Это начальное значение свойства background-color.

inherit : если установлено, связанный элемент принимает вычисленное значение свойства background-color его родительского элемента.

Применяется к

Свойство background-color может применяться ко всем элементам HTML.

Если значение не указано, свойство background-color не получает вычисленное значение своего родительского элемента.

Проценты

Недоступно.

visual.

Вычисленное значение

Как указано.

Совместимость с браузером

Браузер Версия
Internet Explorer 4.0 и выше
Firefox (Gecko) 1.0 и выше
Opera 3.5 и выше
Safari (WebKit) 1.0 и выше

Пример свойства background-color, когда value = «color»

Код CSS:

  .firstline {background-color: #EFFFFF} .secondline {background-color  : # FFF6CF} .thirdline {background-color: #FFEFEF}  

HTML-код:

       Пример  свойства background-color при value = "color" |  w3resource     

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, Conctetur adipiscing elit.

Просмотрите этот пример в отдельном окне браузера.

Пример свойства background-color при value = "color".

Пример свойства background-color при value = "transparent"

Код CSS:

  body {background-color: #EFFFFF} p {background-color: transparent}  

HTML-код:

    Пример свойства background-color  когда значение = "прозрачный" |  w3resource     

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, consctetur adipiscing elit.

Просмотреть этот пример в отдельном окне браузера

Пример свойства background-color при value = "transparent".

Пример свойства background-color при value = "inherit"

Код CSS:

  body {background-color: #EFFFFF} p {background-color: inherit}  

HTML-код:

       Пример PR с цветом фона  operty при значении = "наследовать" |  w3resource     

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, conctetur adipiscing elit.

Lorem ipsum dolor sit amet, consctetur adipiscing elit.

Просмотреть этот пример в отдельном окне браузера

Пример свойства background-color при value = "inherit".

См. также

  • CSS свойство background-image
  • CSS свойство background-repeat
  • CSS свойство background-position
  • CSS свойство background-attachment
  • Сокращение фона CSS собственность

Оцените статью
nanomode.ru
Добавить комментарий