Lompat ke konten Lompat ke sidebar Lompat ke footer

Properti unicodeBidi Style HTML DOM dan Fungsinya

Properti Style unicodeBidi DOM pada HTML merupakan properti yang digunakan dengan properti direction untuk menentukan bagaimana sebuah teks multi-directional akan ditampilkan pada layar monitor. Properti ini melakukan override pada algoritma Unicode default dan memberikan akses pada pengembang untuk mengendalikan teks embed.

Sebelum memahami lebih dalam materi tentang Properti unicodeBidi Style HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Jeda Transisi HTML Menggunakan transitionDelay Style DOM, Mengatur Transisi Waktu HTML Menggunakan transitionTimingFunction Style DOM, dan Mengatur Durasi Transisi HTML Menggunakan transitionDuration Style DOM.

Sintak:
  • Mengembalikan nilai properti unicodeBidi: object.style.unicodeBidi
  • Mengatur nilai properti unicodeBidi: object.style.unicodeBidi = "embed | bidi-override | normal | initial | inherit"

Return Values: Berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan tingkat embed secara berurutan ke algoritma bidirectional.

Property Values:
  • embed: Digunakan untuk menciptakan level tambahan dari embed.
  • bidi-override: Digunakan untuk menciptakan level tambahan dari embed, dan juga melakukan pengurutan ulang teks berdasarkan arah spesifik pada properti direction.
  • normal: Nilai ini tidak menciptakan penambahan level apapun dari embed, dan merupakan nilai default dari properti unicodeBidi.
  • initial: Digunakan untuk mengatur nilai properti ke nilai default-nya.
  • inherit: Menerima nilai turuan properti dari elemen parent.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style unicodeBidi DOM 

pada HTML

</title>

 

<style>

.content 

{

direction: rtl;

unicode-bidi: bidi-override;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style unicodeBidi DOM

</b>

 

<p>

Properti unicodeBidi merupakan 

properti yang digunakan untuk 

menentukan bagaimana teks 

bidireksional seharusnya 

menangani suatu dokumen.

</p>

 

<p class="content">

Blog TIK merupakan portal ilmu 

komputer.

</p>

 

<button 

onclick="setUnicodeBidi()">

Change unicodeBidi

</button>

 

<!-- Script untuk menggunakan 

properti Style unicodeBidi -->

<script>

function setUnicodeBidi() 

{

elem = document.querySelector('.content');

elem.style.unicodeBidi = 'embed';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style unicodeBidi DOM

Properti unicodeBidi merupakan properti yang digunakan untuk menentukan bagaimana teks bidireksional seharusnya menangani suatu dokumen.

Blog TIK merupakan portal ilmu komputer.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style unicodeBidi DOM

</title>

 

<style>

.content 

{

direction: rtl;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style unicodeBidi DOM

</b>

 

<p>

Properti unicodeBidi merupakan 

properti yang digunakan untuk 

menentukan bagaimana teks 

bidireksional seharusnya 

menangani suatu dokumen.

</p>

 

<

class="content">

Blog TIK merupakan portal ilmu 

komputer.

</p>

 

<button 

onclick="setUnicodeBidi()">

Change unicodeBidi

</button>

 

<!-- Script untuk menggunakan 

properti Style unicodeBidi -->

<script>

function setUnicodeBidi() 

{

elem = document.querySelector('.content');

 

elem.style.unicodeBidi = 'bidi-override';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style unicodeBidi DOM

Properti unicodeBidi merupakan properti yang digunakan untuk menentukan bagaimana teks bidireksional seharusnya menangani suatu dokumen.

Blog TIK merupakan portal ilmu komputer.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style unicodeBidi DOM 

pada HTML

</title>

 

<style>

.content 

{

direction: rtl;

unicode-bidi: bidi-override;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style unicodeBidi DOM

</b>

 

<p>

Properti unicodeBidi merupakan 

properti yang digunakan untuk 

menentukan bagaimana teks 

bidireksional seharusnya 

menangani suatu dokumen.

</p>

 

<

class="content">

Blog TIK merupakan portal ilmu 

komputer.

</p>

 

<button 

onclick="setUnicodeBidi()">

Change unicodeBidi

</button>

 

<!-- Script untuk menggunakan 

properti Style unicodeBidi -->

<script>

function setUnicodeBidi() 

{

elem = document.querySelector('.content');

 

elem.style.unicodeBidi = 'normal';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style unicodeBidi DOM

Properti unicodeBidi merupakan properti yang digunakan untuk menentukan bagaimana teks bidireksional seharusnya menangani suatu dokumen.

Blog TIK merupakan portal ilmu komputer.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style unicodeBidi DOM

</title>

 

<style>

.content 

{

direction: rtl;

unicode-bidi: bidi-override;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style unicodeBidi DOM

</b>

 

<p>

Properti unicodeBidi digunakan 

untuk menentukan bagaimana 

teks bidireksional seharusnya 

menangani suatu dokumen.

</p>

 

<p class="content">

Blog TIK merupakan portal ilmu 

komputer.

</p>

 

<button 

onclick="setUnicodeBidi()">

Change unicodeBidi

</button>

 

<!-- Script untuk menggunakan 

properti Style unicodeBidi -->

<script>

function setUnicodeBidi() 

{

elem = document.querySelector('.content');

 

elem.style.unicodeBidi = 'initial';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style unicodeBidi DOM

Properti unicodeBidi digunakan untuk menentukan bagaimana teks bidireksional seharusnya menangani suatu dokumen.

Blog TIK merupakan portal ilmu komputer.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style unicodeBidi DOM

</title>

 

<style>

#parent 

{

unicode-bidi: bidi-override;

}

 

.content 

{

direction: rtl;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style unicodeBidi DOM

</b>

 

<p>

Properti unicodeBidi merupakan 

properti yang digunakan untuk 

menentukan bagaimana teks 

bidireksiolan seharusnya 

menangani suatu dokumen.

</p>

 

<div id="parent">

<p class="content">

Blog TIK merupakan portal ilmu 

komputer.

</p>

</div>

 

<button 

onclick="setUnicodeBidi()">

Change unicodeBidi

</button>

 

<!-- Script untuk menggunakan 

properti Style unicodeBidi -->

<script>

function setUnicodeBidi() 

{

elem = document.querySelector('.content');

 

elem.style.unicodeBidi = 'inherit';

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style unicodeBidi DOM

Properti unicodeBidi merupakan properti yang digunakan untuk menentukan bagaimana teks bidireksiolan seharusnya menangani suatu dokumen.

Blog TIK merupakan portal ilmu komputer.



Dalam penerapan lembar gaya pada dokumen digital, terdapat banyak properti yang berguna untuk mengatur tampilan teks dan elemen lainnya. Salah satu dari properti tersebut berkaitan dengan bagaimana teks, terutama yang melibatkan berbagai sistem tulisan, dapat diatur tampilannya agar sesuai dengan konteks tertentu. Properti ini sangat penting dalam pengaturan aliran teks, terutama ketika menangani teks dengan arah yang berbeda, seperti bahasa yang ditulis dari kanan ke kiri dan sebaliknya.

Secara umum, properti yang mengatur aliran teks ini digunakan bersamaan dengan properti lainnya yang mengatur arah penulisan teks pada suatu dokumen. Ini sering digunakan dalam dokumen yang memerlukan penggunaan bahasa dengan jenis tulisan yang berbeda, seperti bahasa Arab atau Ibrani yang ditulis dari kanan ke kiri, serta bahasa-bahasa lainnya yang ditulis dari kiri ke kanan seperti bahasa Indonesia dan Inggris.

Penggunaan properti pengaturan aliran teks ini menjadi penting ketika sebuah halaman web atau dokumen memuat kombinasi bahasa yang berbeda dengan orientasi penulisan yang tidak sama. Teks yang ditulis dari kanan ke kiri memiliki karakteristik yang berbeda dibandingkan dengan teks yang ditulis dari kiri ke kanan. Ketika kedua jenis tulisan ini ditempatkan dalam satu dokumen atau elemen, hasil tampilan bisa menjadi tidak konsisten dan membingungkan tanpa pengaturan yang tepat. Properti ini membantu mengatasi masalah tersebut dengan memberikan kendali atas bagaimana elemen teks diatur berdasarkan arahan penulisannya.

Properti pengaturan ini memiliki beberapa nilai yang dapat digunakan sesuai dengan kebutuhan tampilan teks. Nilai tersebut mengatur apakah elemen tertentu harus memperlakukan urutan karakter sebagai teks dengan orientasi berbeda, serta bagaimana elemen tersebut berinteraksi dengan teks sekitarnya. Pengaturan nilai-nilai ini sangat penting dalam menjamin bahwa tata letak teks tetap konsisten dan mudah dibaca.

Salah satu contohnya adalah ketika teks dalam bahasa yang ditulis dari kanan ke kiri berada di dalam elemen yang memiliki teks dari kiri ke kanan. Jika properti ini tidak diatur dengan baik, orientasi teks bisa terlihat tidak teratur, mengakibatkan kekacauan dalam membaca dan memahami informasi. Oleh karena itu, properti ini memberikan mekanisme bagi pengembang untuk mengendalikan situasi tersebut.

Lebih lanjut, properti ini sering digunakan bersamaan dengan pengaturan arah teks untuk memastikan bahwa teks ditampilkan sesuai dengan kebutuhan pengguna dan konteks halaman. Misalnya, saat menampilkan teks multibahasa dalam satu paragraf, properti ini memungkinkan pengaturan yang lebih baik agar setiap bagian teks dapat mengikuti aturan penulisan yang sesuai dengan bahasanya.

Selain itu, properti pengaturan ini juga sangat berguna ketika menangani elemen yang dinamis atau ketika konten dihasilkan secara otomatis. Pada beberapa kasus, elemen-elemen tersebut mungkin mengandung teks yang berasal dari berbagai sumber dengan arah penulisan yang berbeda. Dalam situasi seperti ini, pengaturan aliran teks dapat membantu menyesuaikan tampilan sesuai dengan konteks, membuat teks lebih mudah dibaca dan dipahami oleh pengguna akhir.

Pemahaman mendalam mengenai bagaimana properti ini bekerja sangat penting, terutama bagi pengembang yang bekerja pada proyek yang melibatkan banyak bahasa atau yang berinteraksi dengan pengguna dari berbagai latar belakang budaya. Setiap bahasa memiliki karakteristik unik yang mempengaruhi bagaimana teks ditampilkan, dan properti pengaturan ini memberikan fleksibilitas untuk menyesuaikan tampilan agar sesuai dengan standar penulisan bahasa tersebut.

Tidak hanya itu, pengaturan aliran teks ini juga dapat digunakan untuk meningkatkan aksesibilitas pada halaman web. Dalam beberapa kasus, pengguna dengan kebutuhan khusus mungkin memerlukan pengaturan tertentu agar teks lebih mudah dipahami. Dengan menerapkan pengaturan yang tepat, pengembang dapat menciptakan pengalaman yang lebih inklusif dan mudah diakses bagi semua pengguna, terlepas dari bahasa yang digunakan atau kebutuhan khusus lainnya.

Penggunaan properti ini tidak terbatas pada satu jenis elemen saja. Semua elemen teks dalam dokumen web dapat memanfaatkan properti ini untuk mengatur aliran teksnya. Ini mencakup paragraf, judul, daftar, dan elemen teks lainnya yang mungkin berisi teks dengan orientasi berbeda. Dengan demikian, properti ini memberikan fleksibilitas yang luas dalam mengelola tampilan teks pada halaman web atau dokumen digital lainnya.

Secara keseluruhan, properti pengaturan aliran teks ini memainkan peran penting dalam desain halaman web yang melibatkan banyak bahasa dan orientasi teks. Ini memberikan solusi yang efisien untuk mengelola tampilan teks yang kompleks dan menjamin bahwa dokumen tetap mudah dibaca dan dipahami oleh semua pengguna. Penggunaan properti ini dengan tepat memungkinkan pengembang untuk menghasilkan halaman web yang fungsional dan estetis, dengan memperhatikan kebutuhan pengguna yang beragam.

Selain itu, pengaturan ini juga menjadi bagian dari desain responsif yang semakin dibutuhkan pada era modern, dimana pengguna mengakses halaman web dari berbagai perangkat dengan ukuran layar dan orientasi yang berbeda. Ketika properti pengaturan aliran teks ini digunakan bersama dengan teknik desain responsif lainnya, hasilnya adalah halaman web yang dapat menyesuaikan tampilannya dengan konteks penggunaan yang berbeda, tanpa mengorbankan konsistensi dan keterbacaan teks.

Penting bagi setiap pengembang yang bekerja dengan proyek multibahasa atau yang melibatkan teks dengan orientasi berbeda untuk memahami dengan baik penggunaan properti pengaturan aliran teks ini. Dengan memahami cara kerja dan fungsi dari properti ini, pengembang dapat memastikan bahwa halaman web yang dibuat tidak hanya menarik secara visual tetapi juga fungsional dan mudah digunakan.

Properti ini tidak hanya bermanfaat dalam konteks penggunaan bahasa dengan orientasi tulisan yang berbeda, tetapi juga dapat digunakan dalam situasi yang lebih luas. Ketika menangani elemen-elemen teks yang lebih kompleks atau ketika bekerja dengan dokumen yang memerlukan pengaturan khusus, properti ini menjadi alat yang sangat penting dalam menciptakan tata letak teks yang konsisten dan mudah dibaca. Pengembang yang mampu memanfaatkan properti ini dengan baik akan dapat menciptakan pengalaman pengguna yang lebih baik dan lebih inklusif, yang pada akhirnya meningkatkan kualitas keseluruhan dari halaman web atau aplikasi yang dikembangkan.

Dalam kesimpulannya, properti pengaturan aliran teks ini merupakan bagian penting dari tata letak halaman web yang melibatkan bahasa dan orientasi penulisan teks yang berbeda. Dengan pemahaman yang baik tentang cara kerjanya dan bagaimana menerapkannya dalam konteks yang sesuai, pengembang dapat memastikan bahwa dokumen digital yang dibuat tidak hanya estetis tetapi juga fungsional dan dapat diakses oleh berbagai jenis pengguna. Properti ini memberikan fleksibilitas yang diperlukan untuk menangani teks yang kompleks, serta membantu memastikan bahwa halaman web tetap mudah dibaca dan dimengerti oleh semua pengguna, terlepas dari bahasa atau orientasi penulisan yang digunakan.

Artikel ini akan dibaca oleh: Indrakila Prabowo, Intan Iswara, Intan Putri Amarilis, Isaac Musaivan Insan Fisabilillah, dan Ishika Sufa Andori.

5 komentar untuk "Properti unicodeBidi Style HTML DOM dan Fungsinya"

  1. Sebutkan minimal lima jenis browser yang dapat digunakan oleh pengembang untuk mengaktifkan properti unicodeBidi Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser yang dapat digunakan oleh pengembang untuk mengaktifkan properti unicodeBidi Style DOM pada HTML:
      1) Google Chrome
      2) Internet Explorer
      3) Firefox
      4) Opera
      5) Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti unicodeBidi DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti unicodeBidi DOM pada HTML merupakan properti yang digunakan dengan properti direction untuk melakukan pengaturan atau pengembalian nilai teks, dimana nilai dari teks tersebut akan ditentukan apakah harus dilakukan override atau tidak, guna mendukung banyak bahasa dalam dokumen HTML yang sama.

      Hapus
    2. Properti unicodeBidi DOM pada HTML adalah properti yang digunakan bersamaan dengan properti direction untuk menentukan bagaimana teks bidireksional dikondisikan dalam dokumen yang ditangani.

      Hapus

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 -