Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. TextFormat
  4. underlineThickness

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

TextFormat: underlineThickness-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

DieunderlineThickness-Eigenschaft derTextFormat-Schnittstelle gibt die Dicke der Unterstreichung an, die auf den zu formatierenden Textbereich angewendet werden muss.

Wert

EinString, der einen der folgenden Werte darstellt:

  • "none": Keine Unterstreichung.
  • "thin": Eine dünne Unterstreichung.
  • "thick": Eine dicke Unterstreichung.

Beispiele

Lesen der erforderlichen Unterstreichungsdicke

Das folgende Beispiel zeigt, wie dietextformatupdate-Ereignis-EigenschaftunderlineThickness verwendet wird, um die Unterstreichungsdicke zu bestimmen, die auf den textlichen Inhalt angewendet werden muss. Beachten Sie, dass der Ereignis-Listener-Callback in diesem Beispiel nur aufgerufen wird, wenn ein IME-Fenster zum Erstellen von Text verwendet wird.

html
<div></div>
#editor {  height: 200px;  background: #eeeeee;}
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}.`,    );  }});

Spezifikationen

Specification
EditContext API
# dom-textformat-underlinethickness

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp