文本格式：underlineThickness 属性

有限可用性

此功能不是基线，因为它在一些最广泛使用的浏览器中不起作用。

实验性： 这是一个 实验性技术
在生产环境中使用此功能之前，请仔细查看 浏览器兼容性表。

underlineThickness 属性属于 TextFormat 接口，表示需要应用于正在格式化的文本范围的下划线厚度。

值

一个 String，其值为以下值之一

  • "none"：没有下划线。
  • "thin"：细下划线。
  • "thick"：粗下划线。

示例

读取需要应用的下划线厚度

以下示例展示了如何使用 textformatupdate 事件的 underlineThickness 属性来确定需要应用于正在格式化的文本的下划线厚度。请注意，此示例中的事件监听器回调函数仅在使用 IME 窗口进行文本输入时才会调用。

html
<div id="editor" style="height:200px;background:#eee;"></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

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

参见