HTML bdo Tag

HTML bdo Tag - Belajar html <bdo>, html <bdo> mempunyai definisi Bi-Directional Override, Element ini digunakan merubah arah teks / tulisan, singkatnya membalik kata dari element sekitarnya.

Dalam penulisan element <bdo> harus diikut sertakan Attribute dir dengan value ltr left to right (kiri ke kanan) atau rtl right to left (kanan ke kiri).

Contoh html element <bdo> :

<p>Siapa namanya ? <bdo dir="rtl">Sebut saja Bunga</bdo></p>
<p>Siapa namanya ? <bdo dir="ltr">Sebut saja Bunga</bdo></p>

Attributes :

Attibute	Value	Deskripsi
dir	1. ltr 2. rtl	1. Menentukan arah dari kiri ke kanan 2. Menentukan arah dari kanan ke kiri

Global Attributes:

Element <bdo> mencakup Global Attributes HTML.

Event Attributes:

Element <bdo> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome	Ya
Safari	Ya
Firefox	Ya
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	Ya
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya

Default CSS :

Browser yang support dengan element <bdo>, biasanya mempunyai nilai default :

/* jika diiringi attribut dir ltr */
bdo[Attributes Style] {
    direction: ltr;
}

/* jika diiringi attribut dir rtl */
bdo[Attributes Style] {
    direction: rtl;
}

bdo {
    unicode-bidi: bidi-override;
}