HTML DOM Style backgroundRepeat недвижимость
Определение и использование
backgroundRepeat наборов свойств или возвращается как повторить фоновое изображение.
грамматика
Настройка свойств backgroundRepeat:
Object.style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|inherit"
Назад backgroundRepeat свойства:
Object.style.backgroundRepeat
值 | 描述 |
---|---|
repeat | 默认。垂直和水平方向重复背景图像。 |
repeat-x | 水平方向重复背景图像。 |
repeat-y | 垂直方向重复背景图像。 |
no-repeat | 不重复背景图像。 |
inherit | background-repeat 属性的设置从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают backgroundRepeat свойство.
Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".
примеров
примеров
Фоновое изображение повторяется в вертикальном направлении:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
тело {
фон: # f3f3f3 URL ( 'img_tree.png');
}
</ Style>
<Script>
Функция displayResult () {
document.body.style.backgroundRepeat = "повторить-у»;
}
</ Script>
</ Head>
<Body>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> вертикальный повторяющееся фоновое изображение </ кнопка>
<br>
<H1> Hello World! </ H1>
<P> Это параграф </ p>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
тело {
фон: # f3f3f3 URL ( 'img_tree.png');
}
</ Style>
<Script>
Функция displayResult () {
document.body.style.backgroundRepeat = "повторить-у»;
}
</ Script>
</ Head>
<Body>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> вертикальный повторяющееся фоновое изображение </ кнопка>
<br>
<H1> Hello World! </ H1>
<P> Это параграф </ p>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты