Mengatur Perulangan Latar Belakang HTML backgroundRepeat Style DOM
 |
| Ilustrasi backgroundRepeat HTML |
- digunakan untuk mengembalikan nilai properti backgroundRepeat: object.style.backgroundRepeat
- digunakan untuk mengatur properti backgroundRepeat: object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Property Values:
- repeat: digunakan untuk melakukan perulangan image background baik secara horizontal maupun secara vertikal, dan juga merupakan nilai value dari properti backgroundRepeat.
- repeat-x: digunakan untuk melakukan perulangan image background secara horizontal.
- repeat-y: digunakan untuk mengatur perulangan background image secara versitakal saja.
- no-repeat: digunakan untuk tidak melakukan perulangan image background, dimana nilai ini akan membuat properti backgroundRepeat hanya menampilkan image background sekali saja.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
background-repeat DOM
</title>
<style>
body
{
background-image: url(
"https://4.bp.blogspot.com/-DVxqgRlQqnA/Yi9os9TXANI/AAAAAAAAOec/JE25o1CKDygtPFcDtHO1Gqn3rbGXtUtmQCK4BGAYYCw/s35/t%25252Bkotak%25252Bwhite.png");
background-size: 200px 150px;
text-align:center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
backgroundRepeat DOM
</h2>
<button
onclick = "myBons()">
Submit
</button>
<script>
function myBons()
{
document.body.style.backgroundRepeat = "no-repeat";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
background-repeat DOM
</title>
<style>
body
{
background-image: url(
"https://4.bp.blogspot.com/-DVxqgRlQqnA/Yi9os9TXANI/AAAAAAAAOec/JE25o1CKDygtPFcDtHO1Gqn3rbGXtUtmQCK4BGAYYCw/s35/t%25252Bkotak%25252Bwhite.png");
background-repeat: repeat-y;
background-size: 200px 150px;
text-align:center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
backgroundRepeat DOM
</h2>
<button
onclick = "myDonns()">
Submit
</button>
<script>
function myDonns()
{
document.body.style.backgroundRepeat = "repeat-x";
}
</script>
</body>
</html>
- 10 Value Properti Style Border DOM pada HTML [klik]
- 5 Value Properti borderBottom Style DOM pada HTML [klik]
- 4 Value Properti borderBottomColor Style DOM pada HTML [klik]
- 4 Value Properti borderBottomLeftRadius Style DOM pada HTML [klik]
- 4 Value Properti borderBottomRightRadius Style DOM pada HTML [klik]
- 12 Value Properti borderBottomStyle DOM pada HTML [klik]
- 6 Value Properti borderBottomWidth Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti backgroundRepeat Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti backgroundRepeat Style DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 1.0
5. Safari 3.5
Apa fungsi dari properti backgroundRepeat Style DOM pada HTML?
BalasHapusProperti backgroundRepeat Style DOM pada HTML digunakan untuk mengatur atau mengembalikan secara berulang gambar latar belakang pada suatu elemen.
HapusProperti backgroundRepeat Style DOM pada HTML digunakan untuk mengatur atau mendapatkan cara mengulang gambar latar belakang.
HapusAdakah batasan maksimal dari proses repeat jika menggunakan properti backgroundRepeat Style DOM pada HTML?
BalasHapusTidak ada batasan penggunaan repeat untuk latar belakang yang menggunakan properti backgroundRepeat, dimana hasilnya dapat dibuat sesuai dengan kebutuhan dari pengembangan web.
Hapus