このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
TextFormat: underlineStyle プロパティ
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
TextFormat インターフェイスの underlineStyle プロパティは、この書式を適用するテキストの範囲につけるべき下線のスタイルを表します。
値
String で、以下のいずれかの値です。
"none": 下線なし"solid": 実線"double": 二重線"dotted": 点線"dashed": 破線"wavy": 波線
例
適用するべき下線のスタイルを読み取る
以下の例では、textformatupdate イベントの underlineStyle プロパティを用いて、書式を適用するテキストに適用する下線のスタイルを判別する方法を示します。この例におけるイベントリスナーコールバックは、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.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
);
}
});
仕様書
| 仕様書 |
|---|
| EditContext API # dom-textformat-underlinestyle |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
- 属する
TextFormatインターフェイス