Web.Reporter.pl Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start][Elementy HTML][Atrybuty HTML][Style CSS][Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory][tekst][czcionki][rozmiary][pozycje][tabele][listy][formularze]
[struktura][linki][multimedia][bloki][obramowania][t│a][synteza][druk]

background-repeat

Styl definiuje spos≤b powtarzania t│a graficznego.

Warto╢ci:

repeat (warto╢µ domy╢lna) - CSS1 / IE4, N4, O3.5
powtarza w pionie i poziomie
repeat-x - CSS1 / IE4, N4, O3.5
powtarza w poziomie
repeat-y - CSS1 / IE4, N4, O3.5
powtarza w pionie
no-repeat - CSS1 / IE4, N4, O3.5
nie powtarza t│a
inherit - CSS2 / N6
przejΩcie warto╢ci "rodzica", np. background-repeat:inherit;
Pozosta│e cechy:
CSS/przegl▒darki: CSS1 / IE4, N4, O3.5
Przyk│adowe zastosowania:

• przyk│ad 1:

<table border="0" style="background-image: url(../p/sm.gif); 
background-repeat:repeat-x;">
<tr><td width=300 height=50>
<p> 
</td></tr></table>

 

• przyk│ad 2:

<table border="0" style="background-image: url(../p/sm.gif); 
background-repeat:repeat-y;">
<tr><td width=300 height=50>
<p> 
</td></tr></table>

 

• przyk│ad 3:

<table border="0" style="background-image: url(../p/sm.gif); 
background-repeat:no-repeat;">
<tr><td width=300 height=50>
<p> 
</td></tr></table>

 

• przyk│ad 4:

<table border="0" style="background-image: url(../p/sm.gif); 
background-repeat:repeat;">
<tr><td width=300 height=50>
<p> 
</td></tr></table>

 

• przyk│ad 5:

<style type="text/css"><!--
body {background-image: url(tlo.gif); background-repeat:repeat;}
table {background-image: url(tab.gif); background-repeat:repeat-y;}
--></style>

 
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!