freeCodeCamp/guide/russian/css/properties/background-repeat-property/index.md

2.1 KiB
Raw Blame History

title localeTitle
Background Repeat Property Фон Повторить свойство

Фон Повторить свойство

Свойство background-repeat CSS определяет, как повторяются фоновые изображения.

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

Синтаксис:

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit; 
  • repeat: фоновое изображение будет повторяться как по вертикали, так и по горизонтали. Это значение по умолчанию

  • repeat-x: фоновое изображение будет повторяться только горизонтально

  • repeat-y: фоновое изображение будет повторяться только вертикально.

  • no-repeat: фоновое изображение не будет повторяться.

  • initial: Устанавливает это свойство по умолчанию.

  • inherit: Наследует это свойство от его родительского элемента.

Примеры: Для повторения изображения как по горизонтали, так и по вертикали

body { 
    background-image:url(smiley.gif); 
    background-repeat:repeat; 
 } 

Для повторения изображения по горизонтали

body { 
    background-image:url(smiley.gif); 
    background-repeat:repeat-x; 
 } 

Дополнительная информация:

Для получения дополнительной информации о свойствах повтора фона