Obiekt HTML DOM Style backgroundRepeat
Definicja i Wykorzystanie
zestawy własności backgroundRepeat lub powraca jak powtórzyć obraz tła.
gramatyka
Ustawianie właściwości backgroundRepeat:
Object.style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|inherit"
Właściwości Powrót backgroundRepeat:
Object.style.backgroundRepeat
值 | 描述 |
---|---|
repeat | 默认。垂直和水平方向重复背景图像。 |
repeat-x | 水平方向重复背景图像。 |
repeat-y | 垂直方向重复背景图像。 |
no-repeat | 不重复背景图像。 |
inherit | background-repeat 属性的设置从父元素继承。 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują właściwość backgroundRepeat.
Uwaga: IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 zapewnia tylko! DOCTYPE obsługiwany "dziedziczą". Wsparcie IE9 "dziedziczą".
Przykłady
Przykłady
Tło obrazu powtarza się w kierunku pionowym:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Style type = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Funkcja displayResult () {
document.body.style.backgroundRepeat = "repeat-y";
}
</ Script>
</ Head>
<Body>
<Type = "button" button onclick = "displayResult ()"> pionowe powtórzenie tła </ button>
Największa
<H1> Hello World! </ H1>
<P> To jest akapit </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Style type = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Funkcja displayResult () {
document.body.style.backgroundRepeat = "repeat-y";
}
</ Script>
</ Head>
<Body>
<Type = "button" button onclick = "displayResult ()"> pionowe powtórzenie tła </ button>
Największa
<H1> Hello World! </ H1>
<P> To jest akapit </ p>
</ Body>
</ Html>
Spróbuj »
styl Przedmioty