Deskripsi
Menetapkan posisi awal gambar latar belakang elemen, jika ditentukan; nilai biasanya dipasangkan untuk memberikan posisi x, y; posisi default adalah 0% 0%.
Nilai yang Mungkin
- percent
- none
- length
- top
- center
- bottom
- left
- right
Berlaku untuk
elemen tingkat blok dan diganti
Sintaks DOM
object.style.backgroundPosition = "10 30";
Contoh
Berikut adalah contoh yang menunjukkan cara mengatur posisi gambar latar belakang 100 piksel dari sisi kiri.
<table style = "background-image:url(/https/isolution.pro/images/pattern1.gif); background-position:100px;">
<tr>
<td>
Background image positioned 100 pixels away from the left.
</td>
</tr>
</table>
Berikut adalah contoh yang menunjukkan bagaimana mengatur posisi gambar latar belakang 100 piksel dari sisi kiri dan 200 piksel dari atas.
<html>
<head>
</head>
<body>
<p style = "background-image:url(/https/isolution.pro/css/images/logo.png); background-position:100px 200px;">
The background image positioned 100 pixels away from the
left and 200 pixels from the top.up
</p>
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -