Property background-repeat digunakan untuk mengatur pengulangan sebuah gambar background. Ada empat nilai untuk property ini yaitu:
1. repeat (default) - untuk membuat gambar background memenuhi elemen.
2. repeat-x - untuk membuat pengulangan secara horisontal.
3. repeat-y - untuk membuat pengulangan secara vertikal.
4. no-repeat - untuk membuat gambar background ditampilkan sekali saja.
yok maass..., langsung dicoba....
Contoh untuk background-repeat:repeat
Hasil tampilan kode diatas akan seperti ini:
Ini Tampilan untuk background-repeat: repeat-x
Ini Tampilan untuk background-repeat: repeat-y
Ini Tampilan untuk background-repeat: no-repeat
1. repeat (default) - untuk membuat gambar background memenuhi elemen.
2. repeat-x - untuk membuat pengulangan secara horisontal.
3. repeat-y - untuk membuat pengulangan secara vertikal.
4. no-repeat - untuk membuat gambar background ditampilkan sekali saja.
yok maass..., langsung dicoba....
Contoh untuk background-repeat:repeat
| <html> <head> <style type="text/css"> body { background-image: url(d:/Ngeblog/back.jpg); background-repeat: repeat; } </style> </head> <body> Coba Background Image di repeat </body> </html> |
Hasil tampilan kode diatas akan seperti ini:
Coba Background Image di repeat |
Ini Tampilan untuk background-repeat: repeat-x
Coba Background Image dengan repeat-x |
Ini Tampilan untuk background-repeat: repeat-y
Coba Background Image dengan repeat-y |
Ini Tampilan untuk background-repeat: no-repeat
Background Image hanya sekali ditampilkan |
Leave a comment