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.

Baca Juga:

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.


Artikel ini didedikasikan kepada: 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 -
- Big things start from small things -