TextFormat: свойство underlineStyle
Ограниченное использование
Эта функция не является Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментальная: Это экспериментальная технология
Перед использованием в производстве внимательно проверьте таблицу совместимости с браузерами.
Свойство underlineStyle интерфейса TextFormat указывает на стиль подчеркивания, который необходимо применить к диапазону текста, который форматируется.
Значение
Строка (String), которая может принимать одно из следующих значений:
-
"none": Без подчеркивания. -
"solid": Сплошное подчеркивание. -
"double": Двойное подчеркивание. -
"dotted": Пунктирное подчеркивание. -
"dashed": Штриховое подчеркивание. -
"wavy": Волновое подчеркивание.
Примеры
Чтение стиля подчеркивания, который нужно применить
Следующий пример демонстрирует, как использовать свойство underlineStyle события 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.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
);
}
});
Спецификации
| Спецификация |
|---|
| API EditContext # dom-textformat-underlinestyle |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
underlineStyle |
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/underlineStyle