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 eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die underlineThickness-Eigenschaft der TextFormat-Schnittstelle gibt die Dicke der Unterstreichung an, die auf den zu formatierenden Textrahmen angewendet werden muss.

Wert

Ein String, der einer der folgenden Werte ist:

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

Das folgende Beispiel zeigt, wie die underlineThickness-Eigenschaft des textformatupdate-Ereignisses verwendet wird, um die anzuwendende Unterstreichungsdicke für den zu formatierenden Text zu bestimmen. Beachten Sie, dass der Event-Listener-Callback in diesem Beispiel nur aufgerufen wird, wenn ein IME-Fenster zur Texteingabe verwendet wird.

html

<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}.`,
    );
  }
});

Spezifikationen

Specification
EditContext API # dom-textformat-underlinethickness

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Die TextFormat-Schnittstelle, zu der sie gehört.