Download Source Code Aplikasi

Style.Backgroundrepeat

Friday, October 25th, 2019 - Style DOM

Properti style.backgroundRepeat mempunyai kegunaan saat BACKGROUND atau BACKGROUND-IMAGE digunakan, di mana style.backgroundRepeat mengatur tampilan pengulangan dari gambar.

Sintaks:

obj.style.backgroundRepeat = value;

Nilainya:

  • repeat (default)
    Gambar ditampilkan berulang-ulang baik horisontal dan vertikal.
  • no-repeat
    Gambar tidak ditampilkan berulang-ulang baik horisontal dan vertikal.
  • repeat-x
    Gambar ditampilkan berulang-ulang hanya secara horisontal.
  • repeat-y
    Gambar ditampilkan berulang-ulang hanya secara vertikal.
  • inherit

Contoh 1:

<HTML> <HEAD> <TITLE>style.backgroundRepeat</TITLE> </HEAD> <BODY> <SCRIPT TYPE="text/javascript"> var bodyElem = document.getElementsByTagName("body")[0]; bodyElem.style.backgroundImage = "url(picture.gif)"; bodyElem.style.backgroundRepeat = "no-repeat"; bodyElem.style.backgroundPosition = "center center"; </SCRIPT> </BODY> </HTML>

Contoh 2:

<HTML> <HEAD> <TITLE>style.backgroundRepeat</TITLE> <STYLE TYPE="text/css"> body { background: url(picture.gif) no-repeat; } </STYLE> <SCRIPT TYPE="text/javascript"> function changeRepeat() { var list = document.forms[0].listRepeat; document.body.style.backgroundRepeat = list.options[list.selectedIndex].text; } </SCRIPT> </HEAD> <BODY> <FORM> <SELECT NAME="listRepeat" onChange="changeRepeat()"> <OPTION SELECTED>repeat <OPTION>no-repeat <OPTION>repeat-x <OPTION>repeat-y </SELECT> </FORM> </BODY> </HTML>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
(Telah didownload 7 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Style.Backgroundrepeat | Ahmad Code | 4.5

Hosting Unlimited Indonesia