Синтаксис
background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit
Значения
- no-repeat
- Устанавливает одно фоновое изображение в элементе без его повторений, положение
которого определяется свойством background-position
(по умолчанию в левом верхнем углу).
- repeat
- Фоновое изображение повторяется по горизонтали и вертикали.
- repeat-x
- Фоновый рисунок повторяется только по горизонтали.
- repeat-y
- Фоновый рисунок повторяется только по вертикали.
- inherit
- Наследует значение родителя.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>background-repeat</title>
<style type="text/css">
BODY {
background-image: url('images/bg_grey.png'); /* Путь к фоновому рисунку */
background-position: left bottom; /* Положение фона */
background-repeat: repeat-x; /* Повторяем фон по горизонтали */
}
</style>
</head>
<body>
<p>Даже опытному верстальщику приходится иногда смотреть свой код
на наличие опечаток и ошибок. Так что не брезгуй проверять код валидатором,
это поможет избежать множества ляпов в будущем.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Повторение фона по горизонтали
Сама фоновая картинка приведена на рис. 2.
Рис. 2. Фон для блока
Объектная модель
[window.]document.getElementById("elementID").style.backgroundRepeat
|
