logo
ZASOBNIK
Polska reklama i poligrafiaZASOBNIK
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!
 
Signs.pl - Polska Reklama i Poligrafia © 1997-2023 ICOSWszystkie prawa zastrzeżone. ISSN 2657-4764