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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p>Siapa namanya ? <bdo dir="rtl">Sebut saja Bunga</bdo></p> <p>Siapa namanya ? <bdo dir="ltr">Sebut saja Bunga</bdo></p> </body> </html>
Attributes :
| Attibute | Value | Deskripsi |
|---|---|---|
dir |
1. ltr2. 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;
}