Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
In diesem Artikel
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.
<div></div>#editor { height: 200px; background: #eeeeee;}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
- Die
TextFormat-Schnittstelle, zu der es gehört.