tRikSonic
Tema

HTML bdo Tag

Terakhir diperbarui : 24 Mei 2018 - 23.31
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.
background html
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. 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

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox AndroidYa
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

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;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.