Mengatur Nilai Posisi Kanan HTML Menggunakan Properti Right Style DOM
Properti Style right DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai posisi kanan dari sebuah elemen posisi termasuk juga nilai padding, scrollbar, border, dan margin.
Sebelum memahami lebih dalam materi tentang Mengatur Nilai Posisi Kanan HTML Menggunakan Properti Right Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Gaya Ukuran HTML Menggunakan Resize Style DOM [klik], Tanda Kutip HTML Menggunakan Style DOM [klik], dan Mengatur Posisi HTML Menggunakan Position Style DOM [klik].
Sintak:
Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan posisi kanan dari sebuah elemen posisi.
Property Values:
Contoh:
 |
| Properti Right Style DOM |
Sintak:
- digunakan untuk mengembalikan nilai properti right: object.style.right
- digunakan untuk mengatur nilai properti right: object.style.right = "auto|length|%|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan posisi kanan dari sebuah elemen posisi.
Baca Juga:
- auto: digunakan secara otomatis untuk mengatur nilai default right pada browser.
- length: digunakan untuk mengatur nilai right pada unit length tertentu. Value ini juga dapat menggunakan nilai positif ataupun nilai negatif.
- %: nilai persentasi digunakan untuk mengatur nilai right pada nilai persen spesifik dari elemen parent width.
- initial: digunakan untuk mengatur nilai properti right ke nilai default browser.
- inherit: digunakan untuk mengatur nilai properti right ke nilai dari elemen parent-nya.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style right DOM pada
HTML
</title>
<style>
#MKN1
{
position: absolute;
background-color: green;
color: white;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style right DOM pada
HTML
</h2>
<button
onclick="myFunction()">
Click here
</button>
<MKN1 id="MKN1">
<h1>MKN1</h1>
</MKN1>
<script>
function myFunction()
{
document.getElementById("MKN1")
.style.right = "100px";
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Style right DOM pada HTML
MKN1
Referensi Tambahan:
- 6 Value Properti textDecoration Style DOM pada HTML [klik]
- 3 Value Properti textDecorationColor Style DOM pada HTML [klik]
- 6 Value Properti textDecorationLine Style DOM pada HTML [klik]
- 7 Value Properti textDecorationStyle DOM pada HTML [klik]
- 3 Value Properti textIndent Style DOM pada HTML [klik]
- 4 Value Properti textOverflow Style DOM pada HTML [klik]
- 7 Value Properti textShadow Style DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Dzaky Ammar Fauzan, Elza Ainnun Nazila, Fadhila Al Wafiq, Faiqotuzzahro, dan Faizal Shauma Widya Santoso.
Jenis browser-browser apa saja yang dapat digunakan oleh seorang pengembang untuk mengaktifkan properti right Style DOM pada HTML?
BalasHapusBerikut ini beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti right Style DOM pada HTML:
Hapusi. Google Chrome
ii. Internet Explorer
iii. Firefox
iv. Opera
v. Safari
Apa yang dimaksud dengan properti right Style DOM pada HTML?
BalasHapusProperti right merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai posisi yang tepat dari elemen yang diposisikan.
HapusProperti right digunakan untuk menentukan posisi elemen yang tepat termasuk padding, scrollbar, border, dan margin.
Hapus