Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Background-repeat Border

Свойство background-repeat

Описание

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

Это свойство применимо ко всем элементам.

Значение

- repeat-x – изображение повторяется по горизонтали,

- repeat-y - изображение повторяется по вертикали,

- no-repeat – изображение не повторяется,

- repeat - изображение повторяется и по вертикали и по горизонтали,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- repeat

Пример

Пример - Свойство background-repeate

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство background-repeate </title>

<style type="text/css">
body{background-image:url(img/peng_64.gif); background-repeat:no-repeat;
background-position:top}
h1{
background-image:url(img/peng_32.gif); background-repeat:repeat-y}
</style>

</head>
<body>
<p> Фоновое изображение страницы не повторяется. Единственный пингвин в центре. </p>
<h1> Фоновое изображение для заголовка первого уровня повторяется по вертикали </h1>
</body>
</html>

При просмотре в браузере

Фоновое изображение страницы не повторяется. Единственный пингвин в центре.

Фоновое изображение заголовка первого уровня повторяется по вертикали


Свойство Background-position Свойство Background-repeat Свойство Border
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru