TextFormat:underlineThickness 屬性

可用性有限

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

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

TextFormat 介面的 underlineThickness 屬性表示需要應用於正在格式化的文字範圍的下劃線的粗細。

一個 String,其值如下:

  • "none":無下劃線。
  • "thin":細下劃線。
  • "thick":粗下劃線。

示例

讀取需要應用的下劃線粗細

以下示例顯示瞭如何使用 textformatupdate 事件的 underlineThickness 屬性來確定需要應用於正在格式化文字的下劃線粗細。請注意,此示例中的事件監聽器回撥僅在使用 IME 視窗組合文字時呼叫。

html
<div id="editor"></div>
js
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.underlineThickness} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

規範

規範
EditContext API
# dom-textformat-underlinethickness

瀏覽器相容性

另見