TextFormat：underlineThickness 属性

可用性有限

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

实验性： 这是一项实验性技术
在生产中使用此技术之前，请仔细检查浏览器兼容性表格。

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

值

一个 String，其值如下：

"none"：无下划线。
"thin"：细下划线。
"thick"：粗下划线。

示例

读取需要应用的下划线粗细

以下示例显示了如何使用 textformatupdate 事件的 underlineThickness 属性来确定需要应用于正在格式化文本的下划线粗细。请注意，此示例中的事件监听器回调仅在使用 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.underlineThickness} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

规范

规范
EditContext API # dom-textformat-underlinethickness

浏览器兼容性

另见

它所属的 TextFormat 接口。

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年8月12日，由 MDN 贡献者维护。

在 GitHub 上查看此页面 • 报告此内容的问题