HTML5 Reference

HTML <bdo> tag

Definition

The <bdo> tag is used to define a birectional override for some text.

Example


<bdo dir="ltr">The text will flow from left to right</bdo><br>
<bdo dir="rtl">The text will flow from right to left</bdo>
The text will flow from left to right
The text will flow from right to left

Attributes

The following attributes can be used with the <bdo> tag.


<bdo> Specific Attributes
Attribute Value Description Example
dir

ltr

rtl
Specifies the directional flow of the content.

The text will flow from left to right.

The text will flow from right to left.

<bdo dir="ltr">
<bdo> Global Attributes
Attribute Description Example
Common
classSpecifies a classname for the element allowing you to apply the style of the predefined class to the content.

<bdo dir="ltr"class="name">
idSpecifies a unique id for the element allowing you to apply the style of the predefined id to the content.

<bdo dir="ltr"id="name">
styleSpecifies an inline style for the element allowing you to apply the style to the contentt.

<bdo dir="ltr"style="color:red;">
titleSpecifies an inline style for the element allowing you to apply the style to the content.

<bdo dir="ltr"title="Content info">
Keyboard
accesskeySpecifies a keyboard shortcut to associate with the element.

<bdo dir="ltr"accesskey="a">
tabindexSpecifies a tab order for the element.

<bdo dir="ltr"tabindex="1">
Language
langSpecifies a language code for the content of the element.

<bdo dir="ltr"lang="en">
spellcheckSpecifies an inline style for the element allowing you to apply the style to the contentt.

<!-- Valid values true and false. -->
<!-- Default inherited/browser specific. -->
<bdo dir="ltr"spellcheck="true"> 
translateSpecifies an inline style for the element allowing you to apply the style to the content.

<!-- Valid values yes and no. -->
<!-- Default yes. -->
<bdo dir="ltr"translate="no"> 
Miscellaneous
contenteditableSpecifies whether the content of the element is editable.

<!-- Valid values true and false. -->
<!-- Default inherited. -->
<bdo dir="ltr"contenteditable="true"> 
draggableSpecifies whether the element is draggable.

<!-- Valid values true and false. -->
<!-- Default browser specific. -->
<bdo dir="ltr"draggable="true">
hiddenSpecifies whether the element is not yet, or no longer, relevant.

<!-- Valid values an empty string or hidden -->
<bdo dir="ltr"hidden> 
<bdo dir="ltr"hidden="hidden"> 
<bdo> Event Attributes
Attribute Description Example
Document Element
oncopyThe script to be run when the user copies the content of an element.

 <!-- Executes go() function -->
<bdo dir="ltr"oncopy="go()"> 
oncutThe script to be run when the user cuts the content of an element.

 <!-- Executes go() function -->
<bdo dir="ltr"oncut="go()">
onpasteThe script to be run when the user pastes some content into an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onpaste="go()">
Drag and Drop
ondragThe script to be run when an element is dragged.

 <!-- Executes go() function -->
<bdo dir="ltr"ondrag="go()">
ondragendThe script to be run when an element has stopped being dragged.

 <!-- Executes go() function -->
<bdo dir="ltr"ondragend="go()">
ondragenterThe script to be run when an element has been dragged to a valid drop target.

 <!-- Executes go() function -->
<bdo dir="ltr"ondragenter="go()">
ondragleaveThe script to be run when an element leaves a valid drop target.

 <!-- Executes go() function -->
<bdo dir="ltr"ondragleave="go()">
ondragoverThe script to be run when an element is being dragged over a valid drop target.

 <!-- Executes go() function -->
<bdo dir="ltr"ondragover="go()">
ondragstartThe script to be run at the start of a drag operation.

 <!-- Executes go() function -->
<bdo dir="ltr"ondragstart="go()">
ondropThe script to be run when a dragged element is being dropped.

 <!-- Executes go() function -->
<bdo dir="ltr"ondrop="go()">
Form
onblurThe script to be run when the element loses focus.

 <!-- Executes go() function -->
<bdo dir="ltr"onblur="go()">
onchangeThe script to be run when object changed and attempt to leave field.

 <!-- Executes go() function -->
<bdo dir="ltr"onchange="go()">
oncontextmenuThe script to be run when a context menu is triggered.

 <!-- Executes go() function -->
<bdo dir="ltr"oncontextmenu="go()">
onfocusThe script to be run when the element gets focus.

 <!-- Executes go() function -->
<bdo dir="ltr"onfocus="go()">
oninputThe script to be run when an element gets user input.

 <!-- Executes go() function -->
<bdo dir="ltr"oninput="go()">
oninvalidThe script to be run when an element is invalid.

 <!-- Executes go() function -->
<bdo dir="ltr"oninvalid="go()">
onresetThe script to be run when a dragged element is being dropped.

 <!-- Executes go() function -->
<bdo dir="ltr"onreset="go()">
onselectThe script to be run when some or all of the contents of an object are selected.

 <!-- Executes go() function -->
<bdo dir="ltr"onselect="go()">
onsubmitThe script to be run when a form is submitted.

 <!-- Executes go() function -->
<bdo dir="ltr"onsubmit="go()">
Keyboard
onkeydownThe script to be run when an element is in focus and keyboard key is pressed down.

 <!-- Executes go() function -->
<bdo dir="ltr"onkeydown="go()">
onkeypressThe script to be run when an element is in focus and keyboard key is pressed down and released.

 <!-- Executes go() function -->
<bdo dir="ltr"onkeypress="go()">
onkeyupThe script to be run when an element is in focus and keyboard key is released.

 <!-- Executes go() function -->
<bdo dir="ltr"onkeyup="go()">
Media
onabortThe script code to be run on abort.

 <!-- Executes go() function -->
<bdo dir="ltr"onabort="go()">
oncanplayThe script to be run when a file has buffered enough so it is ready to start playing.

 <!-- Executes go() function -->
<bdo dir="ltr"oncanplay="go()">
oncanplaythroughThe script to be run when a file can be played all the way to the end without further need of buffering.

 <!-- Executes go() function -->
<bdo dir="ltr"oncanplaythrough="go()">
oncuechangeThe script to be run when the cue changes when using the track element.

 <!-- Executes go() function -->
<bdo dir="ltr"oncuechange="go()">
ondurationchangeThe script to be run when the length of the media is changed.

 <!-- Executes go() function -->
<bdo dir="ltr"ondurationchange="go()">
onemptiedThe script to be run when a media resource element suddenly becomes empty, usually due to an error.

 <!-- Executes go() function -->
<bdo dir="ltr"onemptied="go()">
onendedThe script to be run when the media has reach the end.

 <!-- Executes go() function -->
<bdo dir="ltr"onended="go()">
onloadeddataThe script to be run when media data is loaded and playback can start.

 <!-- Executes go() function -->
<bdo dir="ltr"onloadeddata="go()">
onloadedmetadataThe script to be run when metadata has been loaded.

 <!-- Executes go() function -->
<bdo dir="ltr"onloadedmetadata="go()">
onloadstartThe script to be run whenthe media resource has started loading.

 <!-- Executes go() function -->
<bdo dir="ltr"onloadstart="go()">
onpauseThe script to be run when the media resource has been paused.

 <!-- Executes go() function -->
<bdo dir="ltr"onpause="go()">
onplayThe script to be run when the media resource starts playback.

 <!-- Executes go() function -->
<bdo dir="ltr"onplay="go()">
onplayingThe script to be run when when playback has already begun.

 <!-- Executes go() function -->
<bdo dir="ltr"onplaying="go()">
onprogressThe script to be run when the browser is fetching the media data.

 <!-- Executes go() function -->
<bdo dir="ltr"onprogress="go()">
onratechangeThe script to be run when the playback rate changes.

 <!-- Executes go() function -->
<bdo dir="ltr"onratechange="go()">
onseekedThe script to be run when the seeking attribute is set to false indicating that seeking has finished.

 <!-- Executes go() function -->
<bdo dir="ltr"onseeked="go()">
onseekingThe script to be run when the seeking attribute is set to true indicating that seeking is currently active.

 <!-- Executes go() function -->
<bdo dir="ltr"onseeking="go()">
onstalledThe script to be run when the browser is unable to continue fetching media data.

 <!-- Executes go() function -->
<bdo dir="ltr"onstalled="go()">
onsuspendThe script to be run when media data has stopped before being completely loaded.

 <!-- Executes go() function -->
<bdo dir="ltr"onsuspend="go()">
ontimeupdateThe script to be run when the media resources current playback position has changed.

 <!-- Executes go() function -->
<bdo dir="ltr"ontimeupdate="go()">
onvolumechangeThe script to be run when the volume has changed or been muted.

 <!-- Executes go() function -->
<bdo dir="ltr"onvolumechange="go()">
onwaitingThe script to be run when the media resource has paused but is expected to resume.

 <!-- Executes go() function -->
<bdo dir="ltr"onwaiting="go()">
Mouse
onclickThe script to be run when when a mouse is clicked on an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onclick="go()">
ondblclickThe script to be run when a mouse is double clicked on an element.

 <!-- Executes go() function -->
<bdo dir="ltr"ondblclick="go()">
onmousedownThe script to be run when he mouse button is pressed down while the cursor is over an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onmousedown="go()">
onmousemoveThe script to be run when the mouse button is moved.

 <!-- Executes go() function -->
<bdo dir="ltr"onmousemove="go()">
onmouseoutThe script to be run when the mouse cursor moves off an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onmouseout="go()">>
onmouseoverThe script to be run when the mouse cursor moves over an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onmouseover="go()">
onmouseupThe script to be run when the mouse button is released while the cursor is over the element.

 <!-- Executes go() function -->
<bdo dir="ltr"onmouseup="go()">
onwheelThe script to be run when the mouse wheel rolls up or down over an element.

 <!-- Executes go() function -->
<bdo dir="ltr"onwheel="go()">
Scroll
onscrollThe script code to be run when the scrollbar of an element is being scrolled.

 <!-- Executes go() function -->
<bdo dir="ltr"onscroll="go()"> 
Window - NONE

Relevant HTML Tutorials

HTML Lessons - Language