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

列印頁面