HTML - <bdo> 标签

HTML <bdo> 标签代表双向覆盖。此元素覆盖当前文本方向，使文本以新的方向显示。HTML <bdo> 标签包含全局属性，其中一个是 dir，它表示应在此元素内容中呈现文本的方向。

语法

<bdo dir="..">...</bdo>

属性

HTML bdo 标签支持 HTML 的全局和事件属性。也接受一些特定的属性，如下所示。

属性	值	描述
dir	ltr rtl auto	它定义了网站上的文本方向。

HTML bdo 标签示例

在下面的示例中，我们将看到 bdo 元素的用法，并将使用内部 CSS 为 bdo 元素设置样式。每个示例都针对不同的目的。

使用 dir 属性定义 bdo 元素

在以下示例中，我们创建了一个 HTML 文档来查看带HTML dir 属性的<bdo>标签的工作原理。

<!DOCTYPE html>
<html>
<body>
   <p>
      Bellow paragraph will go right-to-left.
   </p>
   <p>
      <bdo dir="rtl">
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
 </body>
</html>

使用内部 CSS 为 bdo 元素设置样式

让我们来看下面的例子，我们创建了一个 HTML 文档，并使用了<bdo>标签及其属性，以及 CSS 属性来设置 bdo 内容的样式，如下所示：

<!DOCTYPE html>
<html>
<head>
   <style>
      bdo {
         color: green;
         font-style: italic;
      }
   </style>
</head>
<body>
   <p>
      Default Direction of the Context
   </p>
   <p>
      <bdo>
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
   <p>
      Bellow paragraph will go right-to-left.
   </p>
   <p>
      <bdo dir="rtl">
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
 </body>
</html>

支持的浏览器

标签
bdo	是	是	是	是	是

html_tags_reference.htm

打印页面