TextFormat: underlineStyle 屬性

可用性有限

此特性不是基線特性，因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性： 這是一項實驗性技術
在生產中使用此技術之前，請仔細檢查瀏覽器相容性表格。

TextFormat 介面的 underlineStyle 屬性指示了需要應用於正在格式化的文字範圍的下劃線的樣式。

值

一個 String，其值為以下之一：

"none"：無下劃線。
"solid"：實線下劃線。
"double"：雙線下劃線。
"dotted"：點線下劃線。
"dashed"：虛線下劃線。
"wavy"：波浪線下劃線。

示例

讀取需要應用的下劃線樣式

以下示例展示瞭如何使用 textformatupdate 事件的 underlineStyle 屬性來確定需要應用於正在格式化文字的下劃線樣式。請注意，此示例中的事件監聽器回撥僅在使用 IME（輸入法編輯器）視窗組合文字時呼叫。

html

<div id="editor"></div>

#editor {
  height: 200px;
  background: #eeeeee;
}

const editorEl = document.getElementById("editor");
const editContext = new EditContext(editorEl);
editorEl.editContext = editContext;

editContext.addEventListener("textformatupdate", (e) => {
  const formats = e.getTextFormats();

  for (const format of formats) {
    console.log(
      `IME wants to apply a ${format.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

規範

規範
EditContext API # dom-textformat-underlinestyle

瀏覽器相容性

另見

它所屬的 TextFormat 介面。

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年8月12日，由 MDN 貢獻者編輯。

在 GitHub 上檢視此頁面 • 報告此內容的問題