TextFormat: свойство underlineThickness
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментально: Это экспериментальная технология .
Перед использованием в производстве внимательно проверьте таблицу совместимости браузеров.
Свойство underlineThickness интерфейса TextFormat указывает на толщину подчеркивания, которое необходимо применить к диапазону текста, который форматируется.
Значение
Строка String, которая принимает одно из следующих значений:
-
"none": Нет подчеркивания. -
"thin": Тонкое подчеркивание. -
"thick": Толстое подчеркивание.
Примеры
Чтение толщины подчеркивания, которое нужно применить
Следующий пример демонстрирует, как использовать свойство underlineThickness события textformatupdate для определения толщины подчеркивания, которое необходимо применить к форматируемому тексту. Обратите внимание, что обратный вызов обработчика событий в этом примере вызывается только при использовании окна IME для ввода текста.
<div id="editor" style="height:200px;background:#eee;"></div>
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}.`,
);
}
});
Спецификации
| Спецификация |
|---|
| API EditContext # dom-textformat-underlinethickness |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
underlineThickness |
121 | 121 | Нет | 107 | Нет | 121 | Нет | 81 | Нет | 25.0 | 121 |
См. также
- Интерфейс
TextFormat, к которому он относится.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TextFormat/underlineThickness