/ Курсы CSS / background-color-image-repeat

background-color-image-repeat


Свойство background-color

Свойство background-color определяет цвет фона элемента.


  <span class="block">Привет, ты на сайте Rapprogtrain</span>

  <style>
   .block {background-color: red;}
  </style>

Привет, ты на сайте Rapprogtrain

Свойство background-image

Свойство background-image устанавливает фоновое изображение для элемента.


  <span class="block">Привет, ты на сайте Rapprogtrain</span>

  <style>
   .block {background-image: url(img/test.jpg);}
  </style>

Свойство background-repeat

Свойство background-repeat устанавливает повторение фонового изоображения. Значения к background-repeat

no-repeat - устанавливает одно фоновое изображение в элементе без его повторений,.
repeat - фоновое изображение повторяется по горизонтали и вертикали.
repeat-x - фоновый рисунок повторяется только по горизонтали.
repeat-y - фоновый рисунок повторяется только по вертикали.
round - повторяется пока не заполнится область.
space - повторяется пока в область не поместься целое число рисунков.
inherit - наследует значение родителя.

 	
  <span class="block">Привет, ты на сайте Rapprogtrain</span>
  <style>
   .block {background-image: url(img/test.jpg);background-repeat: repeat-x; }
  </style>