Mengatur Arah HTML Menggunakan Direction Style DOM
 |
| Ilustrasi Direction Style DOM |
- digunakan untuk mengatur nilai teks direction: object.style.direction = "ltr|rtl|initial|inherit"
- digunakan untuk mengembalikan nilai teks direction: object.style.direction
Property Values:
- ltr: berfungsi untuk menentukan arah teks dari kiri ke kanan yang juga merupakan nilai default dari properti style direction.
- rtl: berfungsi untuk menentukan arah teks dari kanan ke kiri.
- initial: berfungsi untuk mengatur nilai properti ke nilai default.
- inherit: berfungsi untuk menerima nilai turunan properti dari elemen parent.
Return Values: digunakan untuk mengembalikan nilai teks direction dari teks konten.
Contoh: dilakukan pengaturan teks direction dari kanan ke kiri.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style direction DOM
</title>
</head>
<body>
<div>
<!-- Penggunaan Properti Style
direction -->
<p id = "para">
Blog Elfan
</p>
</div>
<input
type = "button"
value = "Click Here!"
onclick = "myBons()" />
<!-- script untuk mengatur
text direction -->
<script>
function myBons()
{
document.getElementById("para").style.direction
= "rtl";
}
</script>
</body>
</html>
Blog Elfan
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style direction DOM
</title>
</head>
<body>
<div>
<p
id="para"
style = "direction: rtl">
Blog Elfan
</p>
</div>
<input
type = "button"
value = "Click Here!"
onclick = "myBons()" />
<!-- script untuk
mengembalikan nilai content
direction -->
<script>
function myBons()
{
alert(document.getElementById("para").style.direction);
}
</script>
</body>
</html>
Output:Blog Elfan
- 4 Value Properti flexBasis Style DOM pada HTML [klik]
- 6 Value Properti flexDirection Style DOM pada HTML [klik]
- 4 Contoh Properti flexFlow Style DOM pada HTML [klik]
- 3 Value Properti flexGrow Style DOM pada HTML [klik]
- 3 Value Properti flexShrink Style DOM pada HTML [klik]
- 5 Value Properti flexWrap Style DOM pada HTML [klik]
- 5 Value Properti cssFloat Style DOM pada HTML [klik]
5 komentar untuk "Mengatur Arah HTML Menggunakan Direction Style DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti direction style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti direction style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti direction Style DOM pada HTML?
BalasHapusProperti Direction Style DOM pada HTML merupakan properti yang digunakan untuk menentukan atau mengembalikan nilai arah suatu teks, dengan nilai default-nya adalah ltr atau Left-To-Right (Kiri ke Kanan).
HapusProperti direction Style DOM pada HTML merupakan properti yang digunakan untuk mengatur arah teks, kolom tabel, dan luapan horizontal dari teks. Properti direction dengan value rtl digunakan untuk menulis teks dari kanan ke kiri seperti gaya penulisan bahasa Arab, dan ltr digunakan untuk menulis teks dari kiri ke kanan seperti bahasa Inggris dan sebagian besar gaya penulisan bahasa lainnya.
Hapus