JS JavaScript-Referenz

Cache Schnittstelle

Die <code>Cache</code>-Schnittstelle speichert Paare aus <code>Request</code>- und <code>Response</code>-Objekten dauerhaft und steht in Fenstern und Workern zur Verfügung.

Cache.add() Methode

Ruft eine URL bzw. ein <code>Request</code> per Netzwerk ab und speichert die erfolgreiche Antwort im Cache – funktional gleich <code>fetch()</code> + <code>cache.put()</code>.

Cache.addAll() Methode

Ruft mehrere URLs bzw. <code>Request</code>-Objekte ab und legt alle Antworten im Cache ab. Schlägt eine Anfrage fehl, wird nichts gespeichert.

Cache.delete() Methode

Sucht den Cache-Eintrag zur angegebenen Anfrage, löscht ihn und liefert ein Promise, das mit <code>true</code> (gelöscht) oder <code>false</code> (nicht gefunden) erfüllt wird.

Cache.keys() Methode

Gibt ein Promise zurück, das mit einem Array von <code>Request</code>-Objekten erfüllt wird, also den Schlüsseln aller oder passender Einträge im <code>Cache</code>.

Cache.match() Methode

Gibt ein Promise zurück, das mit der ersten passenden <code>Response</code> aus dem Cache erfüllt wird, oder mit <code>undefined</code>, wenn es keinen Treffer gibt.

Cache.matchAll() Methode

Liefert ein Promise, das mit einem Array aller zu einer Anfrage passenden <code>Response</code>-Objekte im Cache erfüllt wird – ohne Argument mit allen Einträgen.

Cache.put() Methode

Speichert ein Request/Response-Paar im aktuellen <code>Cache</code>-Objekt und überschreibt dabei vorhandene Einträge mit passendem Schlüssel.

CacheStorage Schnittstelle

Das <code>CacheStorage</code>-Interface verwaltet alle benannten <code>Cache</code>-Objekte eines Ursprungs und ist über <code>caches</code> in Fenstern und Workern erreichbar.

CacheStorage.delete() Methode

Löscht den benannten <code>Cache</code> aus dem <code>CacheStorage</code> und liefert ein Promise, das zu <code>true</code> (gelöscht) oder <code>false</code> (nicht gefunden) aufgelöst wird.

CacheStorage.has() Methode

Prüft, ob ein benannter Cache im <code>CacheStorage</code> existiert, und liefert ein Promise, das mit <code>true</code> oder <code>false</code> erfüllt wird.

CacheStorage.keys() Methode

Liefert ein Promise, das mit einem Array der Namen aller benannten <code>Cache</code>-Objekte im <code>CacheStorage</code> aufgelöst wird – in Erstellungsreihenfolge.

CacheStorage.match() Methode

Durchsucht alle Caches im <code>CacheStorage</code> nach einer passenden <code>Response</code> für einen <code>Request</code> oder eine URL und liefert die erste Übereinstimmung.

CacheStorage.open() Methode

Öffnet den benannten Cache aus dem <code>CacheStorage</code> und legt ihn an, falls er noch nicht existiert. Das Ergebnis ist ein Promise mit dem <code>Cache</code>-Objekt.

CanMakePaymentEvent Schnittstelle

Ereignisobjekt für das <code>canmakepayment</code>-Ereignis im Service Worker einer Zahlungs-App. Die App meldet damit, ob sie eine Zahlung abwickeln kann.

CanMakePaymentEvent.respondWith() Methode

Teilt dem Browser im <code>canmakepayment</code>-Handler eines Service Workers mit, ob die Payment-Handler-App die angefragte Zahlung verarbeiten kann.

CanvasCaptureMediaStreamTrack Schnittstelle

Stellt die Videospur eines <code>MediaStream</code> dar, den <code>HTMLCanvasElement.captureStream()</code> aus dem Inhalt eines <code>&lt;canvas&gt;</code> erzeugt.

CanvasCaptureMediaStreamTrack.canvas Eigenschaft

Die schreibgeschützte Eigenschaft <code>canvas</code> gibt das <code>HTMLCanvasElement</code> zurück, aus dem der Video-Track seine Frames erfasst.

CanvasCaptureMediaStreamTrack.requestFrame() Methode

Fordert manuell an, dass der aktuelle Inhalt des Canvas als einzelner Frame aufgenommen und an den zugehörigen <code>MediaStream</code> gesendet wird.

CanvasGradient Schnittstelle

Ein <code>CanvasGradient</code> ist ein nicht direkt einsehbares Objekt, das einen Farbverlauf beschreibt. Man kann es als <code>fillStyle</code> oder <code>strokeStyle</code> eines Canvas-Kontexts zuweisen.

CanvasGradient.addColorStop() Methode

Fügt einem <code>CanvasGradient</code> einen Farbstopp an einer relativen Position (<code>offset</code> zwischen 0 und 1) mit einer CSS-Farbe hinzu.

CanvasPattern Schnittstelle

Ein undurchsichtiges Objekt, das ein sich wiederholendes Muster aus einem Bild, Canvas oder Video beschreibt und über <code>createPattern()</code> erzeugt wird.

CanvasPattern.setTransform() Methode

Legt eine Transformationsmatrix (<code>DOMMatrix</code>/<code>DOMMatrix2DInit</code>) für ein <code>CanvasPattern</code> fest und verschiebt, skaliert, dreht oder schert damit das Muster.

CanvasRenderingContext2D Schnittstelle

Stellt den 2D-Zeichenkontext eines <code>&lt;canvas&gt;</code>-Elements bereit – mit Methoden für Formen, Pfade, Text, Bilder, Transformationen und Pixelzugriff.

CanvasRenderingContext2D.arc() Methode

Fügt dem aktuellen Sub-Pfad einen Kreisbogen um den Mittelpunkt <code>(x, y)</code> mit dem angegebenen Radius und Winkelbereich (im Bogenmaß) hinzu.

CanvasRenderingContext2D.arcTo() Methode

Fügt dem aktuellen Sub-Pfad einen Kreisbogen mit dem angegebenen Radius hinzu, der tangential an zwei Linien anliegt, die durch zwei Kontrollpunkte bestimmt sind.

CanvasRenderingContext2D.beginPath() Methode

Startet einen neuen Pfad im 2D-Canvas-Kontext, indem die Liste der bisherigen Unterpfade geleert wird.

CanvasRenderingContext2D.bezierCurveTo() Methode

Fügt dem aktuellen Unterpfad eine kubische Bézier-Kurve mit zwei Kontrollpunkten vom aktuellen Punkt bis zum Endpunkt <code>(x, y)</code> hinzu.

CanvasRenderingContext2D.canvas Eigenschaft

Schreibgeschützter Verweis auf das <code>HTMLCanvasElement</code>, zu dem der 2D-Zeichenkontext gehört.

CanvasRenderingContext2D.clearRect() Methode

Löscht alle Pixel in einem rechteckigen Bereich des Canvas, indem sie auf transparentes Schwarz (<code>rgba(0, 0, 0, 0)</code>) gesetzt werden.

CanvasRenderingContext2D.clip() Methode

Macht den aktuellen oder einen übergebenen <code>Path2D</code>-Pfad zur Abschneideregion: Danach wird nur noch innerhalb dieser Fläche gezeichnet.

CanvasRenderingContext2D.closePath() Methode

Schließt den aktuellen Unterpfad mit einer geraden Linie vom aktuellen Punkt zurück zu seinem Startpunkt.

CanvasRenderingContext2D.createConicGradient() Methode

Erzeugt ein <code>CanvasGradient</code>-Objekt für einen konischen Farbverlauf (Winkelverlauf), der sich um den Punkt <code>(x, y)</code> dreht.

CanvasRenderingContext2D.createImageData() Methode

Erstellt ein neues, leeres <code>ImageData</code>-Objekt mit den angegebenen Maßen, bei dem alle Pixel transparentes Schwarz (<code>rgba(0, 0, 0, 0)</code>) sind.

CanvasRenderingContext2D.createLinearGradient() Methode

Erstellt ein <code>CanvasGradient</code>-Objekt für einen linearen Farbverlauf entlang der Linie von (<code>x0</code>, <code>y0</code>) nach (<code>x1</code>, <code>y1</code>).

CanvasRenderingContext2D.createPattern() Methode

Erstellt aus einem Bild, Canvas, Video o. Ä. ein <code>CanvasPattern</code>, das als Füll- oder Linienstil wiederholt gezeichnet werden kann.

CanvasRenderingContext2D.createRadialGradient() Methode

Erstellt ein <code>CanvasGradient</code>-Objekt für einen radialen Verlauf zwischen zwei Kreisen, das als <code>fillStyle</code> oder <code>strokeStyle</code> dient.

CanvasRenderingContext2D.direction Eigenschaft

Legt fest oder liest aus, in welcher Textrichtung (<code>"ltr"</code>, <code>"rtl"</code> oder <code>"inherit"</code>) <code>fillText()</code> und <code>strokeText()</code> Text zeichnen.

CanvasRenderingContext2D.drawFocusIfNeeded() Methode

Zeichnet einen systemkonformen Fokusrahmen um den aktuellen oder übergebenen Pfad, falls das angegebene Element gerade den Fokus hat.

CanvasRenderingContext2D.drawImage() Methode

Zeichnet ein Bild, ein Video, ein Canvas oder eine andere Bildquelle auf die Leinwand. Wahlweise wird es dabei skaliert oder nur ein Ausschnitt verwendet.

CanvasRenderingContext2D.ellipse() Methode

Fügt dem aktuellen Unterpfad einen elliptischen Bogen hinzu, festgelegt durch Mittelpunkt, zwei Radien, Drehung sowie Start- und Endwinkel.

CanvasRenderingContext2D.fill() Methode

Füllt den aktuellen Pfad oder ein übergebenes <code>Path2D</code>-Objekt mit dem aktuellen <code>fillStyle</code>, wahlweise nach der Regel <code>"nonzero"</code> oder <code>"evenodd"</code>.

CanvasRenderingContext2D.fillRect() Methode

Zeichnet ein gefülltes Rechteck an Position <code>(x, y)</code> mit der angegebenen Breite und Höhe, eingefärbt gemäß dem aktuellen <code>fillStyle</code>.

CanvasRenderingContext2D.fillStyle Eigenschaft

Legt fest, mit welcher Farbe, welchem Verlauf (<code>CanvasGradient</code>) oder Muster (<code>CanvasPattern</code>) Formen und Text auf einem 2D-Canvas gefüllt werden.

CanvasRenderingContext2D.fillText() Methode

Zeichnet einen Text an den Koordinaten <code>(x, y)</code> auf das Canvas und füllt die Zeichen mit dem aktuellen <code>fillStyle</code>.

CanvasRenderingContext2D.filter Eigenschaft

Legt CSS-artige Filtereffekte wie <code>blur()</code>, <code>grayscale()</code> oder <code>drop-shadow()</code> fest, die auf alle folgenden Zeichenoperationen im 2D-Canvas angewendet werden.

CanvasRenderingContext2D.font Eigenschaft

Legt als CSS-<code>font</code>-Kurzschreibweise den Textstil fest, den <code>fillText()</code>, <code>strokeText()</code> und <code>measureText()</code> verwenden.

CanvasRenderingContext2D.fontKerning Eigenschaft

Legt fest, ob und wie beim Zeichnen von Text auf ein Canvas die Kerning-Informationen der Schriftart genutzt werden (<code>"auto"</code>, <code>"normal"</code>, <code>"none"</code>).

CanvasRenderingContext2D.fontStretch Eigenschaft

Legt fest, wie breit oder schmal Text auf einem 2D-Canvas gezeichnet wird, z. B. <code>"condensed"</code> oder <code>"expanded"</code>.

CanvasRenderingContext2D.fontVariantCaps Eigenschaft

Legt fest, mit welcher alternativen Großschreibung (z. B. Kapitälchen) Text auf dem Canvas gezeichnet wird – analog zur CSS-Eigenschaft <code>font-variant-caps</code>.

CanvasRenderingContext2D.getContextAttributes() Methode

Gibt ein Objekt mit den tatsächlich verwendeten Kontext-Attributen des 2D-Kontexts zurück, z. B. <code>alpha</code>, <code>colorSpace</code>, <code>desynchronized</code> und <code>willReadFrequently</code>.

CanvasRenderingContext2D.getImageData() Methode

Liest die Pixeldaten eines rechteckigen Bereichs der Leinwand aus und gibt sie als <code>ImageData</code>-Objekt mit RGBA-Werten zurück.

CanvasRenderingContext2D.getLineDash() Methode

Gibt das aktuelle Strichelmuster des 2D-Kontexts als Array aus Strich- und Lückenlängen zurück, wie es zuvor mit <code>setLineDash()</code> gesetzt wurde.

CanvasRenderingContext2D.getTransform() Methode

Gibt die aktuell auf den 2D-Kontext angewendete Transformationsmatrix als neues <code>DOMMatrix</code>-Objekt zurück.

CanvasRenderingContext2D.globalAlpha Eigenschaft

Legt den globalen Alpha-Wert (0.0 bis 1.0) fest, der auf alle nachfolgend gezeichneten Formen, Texte und Bilder im 2D-Canvas angewendet wird.

CanvasRenderingContext2D.globalCompositeOperation Eigenschaft

Legt fest, wie neu gezeichnete Pixel (Quelle) mit dem bestehenden Canvas-Inhalt (Ziel) kombiniert werden – etwa überlagern, ausstanzen oder per Mischmodus verrechnen.

CanvasRenderingContext2D.imageSmoothingEnabled Eigenschaft

Legt fest, ob Bilder beim Skalieren mit <code>drawImage()</code> geglättet (<code>true</code>, Standard) oder pixelgenau ohne Interpolation (<code>false</code>) gezeichnet werden.

CanvasRenderingContext2D.imageSmoothingQuality Eigenschaft

Legt fest, mit welcher Qualität der Browser Bilder glättet, wenn er sie beim Zeichnen skaliert: <code>"low"</code>, <code>"medium"</code> oder <code>"high"</code>.

CanvasRenderingContext2D.isContextLost() Methode

Gibt <code>true</code> zurück, wenn der 2D-Rendering-Kontext verloren gegangen ist und noch nicht wiederhergestellt wurde, sonst <code>false</code>.

CanvasRenderingContext2D.isPointInPath() Methode

Prüft, ob der Punkt <code>(x, y)</code> innerhalb des aktuellen Pfads oder eines übergebenen <code>Path2D</code>-Objekts liegt, und gibt <code>true</code> oder <code>false</code> zurück.

CanvasRenderingContext2D.isPointInStroke() Methode

Prüft, ob ein Punkt auf der Kontur (Linie) des aktuellen oder eines übergebenen <code>Path2D</code>-Pfads liegt – unter Berücksichtigung von Linienbreite, Linienenden und Verbindungen.

CanvasRenderingContext2D.lang Eigenschaft

Liest oder setzt die Sprache (BCP-47-Sprachcode) des 2D-Zeichenkontextes, die bei der Textdarstellung mit <code>fillText()</code>/<code>strokeText()</code> berücksichtigt wird.

CanvasRenderingContext2D.letterSpacing Eigenschaft

Legt den Abstand zwischen den Buchstaben fest, mit dem <code>fillText()</code> und <code>strokeText()</code> Text auf ein Canvas zeichnen, als CSS-Längenangabe wie <code>"2px"</code>.

CanvasRenderingContext2D.lineCap Eigenschaft

Legt fest, wie die Enden offener Linien gezeichnet werden: <code>"butt"</code> (flach), <code>"round"</code> (abgerundet) oder <code>"square"</code> (eckig verlängert).

CanvasRenderingContext2D.lineDashOffset Eigenschaft

Legt fest, um wie viele Einheiten das mit <code>setLineDash()</code> definierte Strichmuster entlang der Linie verschoben wird (Phase des Musters).

CanvasRenderingContext2D.lineJoin Eigenschaft

Legt fest, wie zwei aufeinandertreffende Liniensegmente verbunden werden: <code>"miter"</code> (spitz), <code>"round"</code> (abgerundet) oder <code>"bevel"</code> (abgeschrägt).

CanvasRenderingContext2D.lineTo() Methode

Fügt dem aktuellen Unterpfad eine gerade Linie vom letzten Punkt zu den angegebenen Koordinaten <code>(x, y)</code> hinzu, ohne sie schon zu zeichnen.

CanvasRenderingContext2D.lineWidth Eigenschaft

Legt die Dicke von Linien fest, die mit <code>stroke()</code>, <code>strokeRect()</code> oder <code>strokeText()</code> gezeichnet werden. Die Angabe erfolgt in Einheiten des Koordinatenraums.

CanvasRenderingContext2D.measureText() Methode

Misst einen Text mit den aktuellen Schrifteinstellungen des Canvas-Kontexts und gibt ein <code>TextMetrics</code>-Objekt mit Breite und Ausdehnungen zurück.

CanvasRenderingContext2D.miterLimit Eigenschaft

Legt fest oder liest aus, wie weit eine spitze Linienecke (<code>lineJoin = "miter"</code>) höchstens über den Eckpunkt hinausragen darf, bevor sie abgeschrägt wird.

CanvasRenderingContext2D.moveTo() Methode

Beginnt einen neuen Unterpfad am Punkt <code>(x, y)</code>, ohne eine Linie dorthin zu zeichnen – vergleichbar mit dem Absetzen und Neuansetzen eines Stifts.

CanvasRenderingContext2D.putImageData() Methode

Schreibt die Pixeldaten eines <code>ImageData</code>-Objekts direkt an die angegebene Position auf die Leinwand, optional nur einen rechteckigen Teilbereich („dirty rectangle“).

CanvasRenderingContext2D.quadraticCurveTo() Methode

Fügt dem aktuellen Unterpfad eine quadratische Bézier-Kurve vom aktuellen Punkt zu <code>(x, y)</code> hinzu, geformt durch einen Kontrollpunkt <code>(cpx, cpy)</code>.

CanvasRenderingContext2D.rect() Methode

Fügt dem aktuellen Pfad ein Rechteck als neuen, geschlossenen Teilpfad hinzu, ohne es sofort zu zeichnen.

CanvasRenderingContext2D.reset() Methode

Setzt den 2D-Rendering-Kontext komplett in seinen Standardzustand zurück: Bitmap leeren, Zustands-Stack, Pfad, Transformation und alle Zeicheneinstellungen löschen.

CanvasRenderingContext2D.resetTransform() Methode

Setzt die aktuelle Transformationsmatrix des 2D-Kontexts auf die Einheitsmatrix zurück, sodass Verschiebung, Drehung und Skalierung aufgehoben werden.

CanvasRenderingContext2D.restore() Methode

Stellt den zuletzt mit <code>save()</code> gesicherten Zeichenzustand wieder her, indem der oberste Eintrag vom Zustands-Stack des Canvas entfernt wird.

CanvasRenderingContext2D.rotate() Methode

Fügt der aktuellen Transformationsmatrix des Canvas-2D-Kontexts eine Drehung um den Ursprung hinzu. Der Winkel wird im Bogenmaß angegeben, positive Werte drehen im Uhrzeigersinn.

CanvasRenderingContext2D.roundRect() Methode

Fügt dem aktuellen Pfad ein Rechteck mit abgerundeten Ecken hinzu; die Radien lassen sich für jede Ecke einzeln festlegen.

CanvasRenderingContext2D.save() Methode

Legt den aktuellen Zeichenzustand des 2D-Kontexts (Transformation, Clipping, Stile) auf einen internen Stapel, damit er später mit <code>restore()</code> wiederhergestellt werden kann.

CanvasRenderingContext2D.scale() Methode

Fügt der aktuellen Transformationsmatrix eine horizontale und/oder vertikale Skalierung hinzu, sodass alle folgenden Zeichenoperationen vergrößert, verkleinert oder gespiegelt werden.

CanvasRenderingContext2D.setLineDash() Methode

Legt das Strichmuster (abwechselnd Strich- und Lückenlängen) fest, mit dem <code>stroke()</code>, <code>strokeRect()</code> und <code>strokeText()</code> Linien zeichnen.

CanvasRenderingContext2D.setTransform() Methode

Ersetzt die aktuelle Transformationsmatrix des 2D-Kontexts vollständig durch die angegebene Matrix, statt sie wie <code>transform()</code> zu multiplizieren.

CanvasRenderingContext2D.shadowBlur Eigenschaft

Legt fest, wie stark Schatten im 2D-Canvas weichgezeichnet werden. Der Wert ist eine nicht-negative Zahl, der Standardwert ist <code>0</code> (keine Unschärfe).

CanvasRenderingContext2D.shadowColor Eigenschaft

Legt als CSS-Farbwert die Farbe von Schatten fest, die beim Zeichnen von Formen, Text und Bildern auf einem 2D-Canvas entstehen.

CanvasRenderingContext2D.shadowOffsetX Eigenschaft

Legt fest, um wie viele Einheiten Schatten auf dem 2D-Canvas horizontal versetzt werden. Positive Werte verschieben nach rechts, negative nach links.

CanvasRenderingContext2D.shadowOffsetY Eigenschaft

Legt fest, um wie viele Einheiten Schatten im Canvas vertikal versetzt werden. Positive Werte verschieben nach unten, negative nach oben.

CanvasRenderingContext2D.stroke() Methode

Zeichnet die Umrisslinie des aktuellen Pfads oder eines übergebenen <code>Path2D</code>-Objekts mit dem aktuellen Linienstil (<code>strokeStyle</code>, <code>lineWidth</code> usw.) nach.

CanvasRenderingContext2D.strokeRect() Methode

Zeichnet sofort den Umriss eines Rechtecks mit dem aktuellen <code>strokeStyle</code>, <code>lineWidth</code> und weiteren Linieneinstellungen des Kontexts.

CanvasRenderingContext2D.strokeStyle Eigenschaft

Legt die Farbe, den Verlauf (<code>CanvasGradient</code>) oder das Muster (<code>CanvasPattern</code>) fest, mit dem Umrisse von Pfaden und Formen gezeichnet werden.

CanvasRenderingContext2D.strokeText() Methode

Zeichnet die Umrisse der Zeichen eines Textes an den Koordinaten <code>(x, y)</code> mit dem aktuellen <code>strokeStyle</code>, <code>lineWidth</code> und <code>font</code>.

CanvasRenderingContext2D.textAlign Eigenschaft

Legt fest, wie Text beim Zeichnen mit <code>fillText()</code> bzw. <code>strokeText()</code> horizontal relativ zur angegebenen x-Koordinate ausgerichtet wird.

CanvasRenderingContext2D.textBaseline Eigenschaft

Legt fest, an welcher Basislinie Text beim Zeichnen mit <code>fillText()</code> und <code>strokeText()</code> vertikal zur angegebenen y-Koordinate ausgerichtet wird.

CanvasRenderingContext2D.textRendering Eigenschaft

Gibt der Rendering-Engine einen Hinweis, ob Text im Canvas auf Geschwindigkeit, Lesbarkeit oder geometrische Genauigkeit optimiert werden soll.

CanvasRenderingContext2D.transform() Methode

Multipliziert die aktuelle Transformationsmatrix des Canvas mit der Matrix aus den sechs Argumenten <code>a</code> bis <code>f</code>. Die Wirkung ist kumulativ.

CanvasRenderingContext2D.translate() Methode

Verschiebt den Ursprung des Koordinatensystems im Canvas um <code>x</code> und <code>y</code>, indem eine Verschiebung (Translation) an die aktuelle Transformationsmatrix angehängt wird.

CanvasRenderingContext2D.wordSpacing Eigenschaft

Legt den zusätzlichen Abstand zwischen Wörtern fest, den <code>fillText()</code> und <code>strokeText()</code> beim Zeichnen von Text auf einem Canvas verwenden.

CaptureController Schnittstelle

Steuert eine per <code>MediaDevices.getDisplayMedia()</code> erfasste Anzeigeoberfläche, z. B. ob Tab oder Fenster beim Aufnahmestart in den Vordergrund kommt.

CaptureController.decreaseZoomLevel() Methode

Verringert die Zoomstufe des per <code>getDisplayMedia()</code> erfassten Browser-Tabs um eine Stufe, ohne dass der Nutzer zum Tab wechseln muss.

CaptureController.forwardWheel() Methode

Leitet <code>wheel</code>-Ereignisse eines Elements (meist das Vorschau-<code>&lt;video&gt;</code>) an die aufgenommene Oberfläche weiter, sodass man darin scrollen kann.

CaptureController.getSupportedZoomLevels() Methode

Gibt ein aufsteigend sortiertes Array der Zoomstufen (in Prozent) zurück, die der per <code>getDisplayMedia()</code> erfasste Browser-Tab unterstützt.

CaptureController.increaseZoomLevel() Methode

Erhöht den Zoomfaktor des per <code>getDisplayMedia()</code> erfassten Browser-Tabs um eine Stufe und gibt ein Promise zurück.

CaptureController.resetZoomLevel() Methode

Setzt den Zoom des aufgenommenen Browser-Tabs auf die Ausgangsstufe 100 % zurück und liefert ein <code>Promise</code>, das nach dem Zurücksetzen erfüllt wird.

CaptureController.setFocusBehavior() Methode

Legt fest, ob ein per <code>getDisplayMedia()</code> geteilter Tab bzw. ein geteiltes Fenster nach dem Start der Aufnahme in den Vordergrund geholt wird oder die aufnehmende App den Fokus behält.

CaptureController.zoomLevel Eigenschaft

Liefert den aktuellen Zoomfaktor der erfassten Browser-Tab-Oberfläche als ganze Prozentzahl (z. B. <code>100</code> für 100 %). Nur lesbar.

CaptureController: zoomlevelchange Ereignis

Wird an einem <code>CaptureController</code> ausgelöst, wenn sich der Zoom-Level der aufgenommenen Anzeigeoberfläche (eines Browser-Tabs) ändert.

CaretPosition Schnittstelle

Beschreibt die Position des Text-Cursors (Caret) als Kombination aus DOM-Knoten und Offset. Man bekommt es über <code>document.caretPositionFromPoint()</code>.

CaretPosition.getClientRect() Methode

Gibt ein <code>DOMRect</code> mit Position und Größe des Caret-Bereichs relativ zum Viewport zurück, oder <code>null</code>, wenn kein Rechteck ermittelt werden kann.

CaretPosition.offset Eigenschaft

Nur lesbare Ganzzahl, die die Position des Cursors (Caret) innerhalb von <code>CaretPosition.offsetNode</code> angibt, z. B. den Zeichenindex in einem Textknoten.

CaretPosition.offsetNode Eigenschaft

Schreibgeschützte Eigenschaft, die den DOM-Knoten (meist ein <code>Text</code>-Knoten) liefert, in dem die über <code>caretPositionFromPoint()</code> ermittelte Cursorposition liegt.

CDATASection Schnittstelle

Repräsentiert einen CDATA-Abschnitt (<code>&lt;![CDATA[ ... ]]&gt;</code>) in XML-Dokumenten, dessen Inhalt nicht als Markup ausgewertet wird.

ChannelMergerNode Schnittstelle

Führt mehrere Mono-Eingänge eines Web-Audio-Graphen zu einem einzigen mehrkanaligen Ausgang zusammen – das Gegenstück zu <code>ChannelSplitterNode</code>.

ChannelSplitterNode Schnittstelle

Teilt die Kanäle eines Audiosignals in einzelne Mono-Ausgänge auf, damit man jeden Kanal getrennt bearbeiten, analysieren oder neu routen kann.

ChapterInformation Schnittstelle

Beschreibt in der Media Session API die Metadaten eines einzelnen Kapitels einer Medienressource: Titel, Startzeit und Vorschaubilder.

ChapterInformation.artwork Eigenschaft

Schreibgeschützte Eigenschaft: gibt ein eingefrorenes Array von <code>MediaImage</code>-Objekten mit den Bildern eines Medienkapitels zurück.

ChapterInformation.startTime Eigenschaft

Schreibgeschützte Eigenschaft, die die Startzeit eines Kapitels der Media Session als Zahl in Sekunden zurückgibt.

ChapterInformation.title Eigenschaft

Gibt den Titel eines Medienkapitels als schreibgeschützten <code>string</code> zurück, wie er über die Media Session API an <code>MediaMetadata</code> übergeben wurde.

CharacterBoundsUpdateEvent Schnittstelle

Ereignis der EditContext API, mit dem das Betriebssystem die Bildschirmposition bestimmter Zeichen in einem bearbeitbaren Bereich anfordert, z. B. für IME-Fenster.

CharacterBoundsUpdateEvent.rangeEnd Eigenschaft

Schreibgeschützte Zahl, die angibt, wo der Zeichenbereich im Text eines <code>EditContext</code> endet, für den das Betriebssystem Bildschirmkoordinaten anfordert.

CharacterBoundsUpdateEvent.rangeStart Eigenschaft

Liefert den Offset des ersten Zeichens im bearbeitbaren Text, für das das Betriebssystem die Zeichenbegrenzungen (Bildschirmrechtecke) anfordert.

CharacterData Schnittstelle

Abstraktes Interface für DOM-Knoten, die Zeichendaten enthalten. Es ist die gemeinsame Basis von <code>Text</code>, <code>Comment</code>, <code>CDATASection</code> und <code>ProcessingInstruction</code>.

CharacterData.after() Methode

Fügt einen oder mehrere Knoten oder Zeichenfolgen direkt hinter einem <code>Text</code>-, <code>Comment</code>- oder anderen <code>CharacterData</code>-Knoten in dessen Elternknoten ein.

CharacterData.appendData() Methode

Hängt die übergebene Zeichenkette an das Ende des Inhalts eines <code>Text</code>-, <code>Comment</code>- oder anderen <code>CharacterData</code>-Knotens an.

CharacterData.before() Methode

Fügt beliebig viele Knoten oder Zeichenketten direkt vor einem <code>Text</code>-, <code>Comment</code>- oder anderen <code>CharacterData</code>-Knoten in dessen Elternknoten ein.

CharacterData.data Eigenschaft

Liest oder setzt den Textinhalt eines <code>CharacterData</code>-Knotens, also eines <code>Text</code>-, <code>Comment</code>-, <code>CDATASection</code>- oder <code>ProcessingInstruction</code>-Knotens.

CharacterData.deleteData() Methode

Entfernt ab Position <code>offset</code> bis zu <code>count</code> UTF-16-Codeeinheiten aus dem Text eines <code>Text</code>-, <code>Comment</code>- oder <code>CDATASection</code>-Knotens.

CharacterData.insertData() Methode

Fügt einen String an einer bestimmten Position (<code>offset</code>) in den Textinhalt eines <code>Text</code>-, <code>Comment</code>- oder <code>CDATASection</code>-Knotens ein.

CharacterData.length Eigenschaft

Gibt die Länge der Daten eines <code>Text</code>-, <code>Comment</code>-, <code>CDATASection</code>- oder <code>ProcessingInstruction</code>-Knotens in UTF-16-Codeeinheiten zurück (schreibgeschützt).

CharacterData.nextElementSibling Eigenschaft

Liefert das nächste Geschwister-<code>Element</code> nach einem Text-, Kommentar- oder CDATA-Knoten – oder <code>null</code>, wenn keines mehr folgt.

CharacterData.previousElementSibling Eigenschaft

Liefert das nächstgelegene <code>Element</code> vor einem Text-, Kommentar- oder CDATA-Knoten innerhalb desselben Elternknotens oder <code>null</code>, wenn es keines gibt.

CharacterData.remove() Methode

Entfernt einen Text-, Kommentar- oder CDATA-Knoten (<code>CharacterData</code>) aus seinem Elternknoten im DOM-Baum.

CharacterData.replaceData() Methode

Ersetzt ab Position <code>offset</code> genau <code>count</code> Zeichen im Text eines <code>CharacterData</code>-Knotens durch den übergebenen String <code>data</code>.

CharacterData.replaceWith() Methode

Ersetzt einen Text-, Kommentar- oder CDATA-Knoten in der Kinderliste seines Elternknotens durch beliebig viele Knoten oder Zeichenketten.

CharacterData.substringData() Methode

Gibt einen Teilstring der Daten eines <code>Text</code>-, <code>Comment</code>- oder <code>CDATASection</code>-Knotens ab <code>offset</code> mit bis zu <code>count</code> Zeichen zurück.

class Anweisung

Die <code>class</code>-Deklaration erstellt ein Binding einer neuen Klasse an einen gegebenen Namen.

class expression Operator

Das <code>class</code>-Schlüsselwort definiert eine Klasse innerhalb eines Ausdrucks — anonym oder benannt — und gibt sie als Wert zurück.

Client Schnittstelle

Das <code>Client</code>-Interface steht im Service Worker für einen ausführbaren Kontext wie ein Fenster, einen <code>Worker</code> oder einen <code>SharedWorker</code>, der vom Service Worker kontrolliert wird.

Client.frameType Eigenschaft

Schreibgeschützte Eigenschaft, die den Typ des Browsing-Kontexts eines <code>Client</code> angibt: <code>"auxiliary"</code>, <code>"top-level"</code>, <code>"nested"</code> oder <code>"none"</code>.

Client.id Eigenschaft

Schreibgeschützte Eigenschaft, die die universell eindeutige Kennung (UUID-String) eines <code>Client</code>-Objekts im Service Worker liefert.

Client.postMessage() Methode

Sendet aus einem Service Worker eine Nachricht an einen bestimmten Client (Fenster, Worker oder SharedWorker), der dort als <code>message</code>-Event auf <code>navigator.serviceWorker</code> ankommt.

Client.type Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, um welche Art von Client es sich handelt: <code>"window"</code>, <code>"worker"</code> oder <code>"sharedworker"</code>.

Client.url Eigenschaft

Schreibgeschützte Eigenschaft, die die URL des Service-Worker-Clients (Fenster, Worker oder SharedWorker) als String liefert.

Clients Schnittstelle

Das <code>Clients</code>-Interface gibt einem Service Worker Zugriff auf die von ihm kontrollierten Fenster, Worker und Shared Worker (<code>Client</code>-Objekte).

Clients.claim() Methode

Macht den aktiven Service Worker sofort zum <code>controller</code> aller Clients in seinem Scope, ohne dass die Seiten neu geladen werden müssen.

Clients.get() Methode

Liefert per Promise den Service-Worker-Client (Fenster, Worker oder SharedWorker) mit der angegebenen <code>id</code> oder <code>undefined</code>.

Clients.matchAll() Methode

Liefert ein Promise, das mit einem Array von <code>Client</code>-Objekten erfüllt wird, die vom aktuellen Service Worker kontrolliert werden oder zu seinem Scope gehören.

Clients.openWindow() Methode

Öffnet aus einem Service Worker heraus ein neues Fenster bzw. einen Tab mit der angegebenen URL und liefert ein Promise auf den zugehörigen <code>WindowClient</code>.

Clipboard Schnittstelle

Das <code>Clipboard</code>-Interface bietet über <code>navigator.clipboard</code> asynchronen Lese- und Schreibzugriff auf die Systemzwischenablage (Text und beliebige Datenformate).

Clipboard.read() Methode

Liest den Inhalt der Zwischenablage asynchron aus und erfüllt das Promise mit einem Array von <code>ClipboardItem</code>-Objekten, z. B. Text, HTML oder Bilder.

Clipboard.readText() Methode

Liest den Textinhalt der Systemzwischenablage asynchron und gibt ein <code>Promise&lt;string&gt;</code> mit einer Kopie des Textes zurück.

Clipboard.write() Methode

Schreibt ein oder mehrere <code>ClipboardItem</code>-Objekte (z. B. Bilder, HTML, Text) asynchron in die Zwischenablage und gibt ein Promise zurück.

Clipboard.writeText() Methode

Schreibt den übergebenen Text in die Systemzwischenablage und gibt ein <code>Promise</code> zurück, das sich erfüllt, sobald die Zwischenablage aktualisiert wurde.

Clipboard: clipboardchange Ereignis

Wird am <code>Clipboard</code>-Objekt (<code>navigator.clipboard</code>) ausgelöst, wenn sich der Inhalt der System-Zwischenablage ändert, egal ob durch Web-App, Systembefehl oder andere Programme.

ClipboardChangeEvent Schnittstelle

Ereignisobjekt des <code>clipboardchange</code>-Events, das an <code>navigator.clipboard</code> ausgelöst wird, wenn sich der Inhalt der Systemzwischenablage ändert.

ClipboardChangeEvent.changeId Eigenschaft

Nur lesbare Eigenschaft mit einer Ganzzahl, die eine bestimmte Änderung der System-Zwischenablage eindeutig kennzeichnet.

ClipboardChangeEvent.types Eigenschaft

Schreibgeschütztes Array mit den MIME-Typen (z. B. <code>text/plain</code>, <code>text/html</code>, <code>image/png</code>), die in der Zwischenablage liegen, wenn <code>clipboardchange</code> ausgelöst wird.

ClipboardEvent Schnittstelle

Steht für die Zwischenablage-Ereignisse <code>cut</code>, <code>copy</code> und <code>paste</code>. Über <code>clipboardData</code> lassen sich die übertragenen Daten lesen oder ändern.

ClipboardEvent.clipboardData Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>DataTransfer</code>-Objekt mit den Zwischenablage-Daten eines <code>copy</code>-, <code>cut</code>- oder <code>paste</code>-Events liefert.

ClipboardItem Schnittstelle

Stellt einen einzelnen Eintrag der Zwischenablage dar, der dieselben Daten in mehreren MIME-Typen enthalten kann. Er wird mit <code>Clipboard.write()</code> geschrieben und mit <code>Clipboard.read()</code> gelesen.

ClipboardItem.getType() Methode

Gibt ein Promise zurück, das mit einem <code>Blob</code> des angeforderten MIME-Typs erfüllt oder mit <code>NotFoundError</code> abgelehnt wird, falls der Typ fehlt.

ClipboardItem.presentationStyle Eigenschaft

Gibt schreibgeschützt an, wie ein <code>ClipboardItem</code> dargestellt werden soll: <code>"unspecified"</code>, <code>"inline"</code> oder <code>"attachment"</code>.

ClipboardItem.supports() Methode

Statische Methode, die prüft, ob der Browser einen bestimmten MIME-Typ für <code>ClipboardItem</code> und damit für Schreibvorgänge in die Zwischenablage unterstützt.

ClipboardItem.types Eigenschaft

Schreibgeschützte Eigenschaft, die ein eingefrorenes Array der MIME-Typen liefert, in denen die Daten eines <code>ClipboardItem</code> vorliegen.

CloseEvent Schnittstelle

Ein <code>CloseEvent</code> wird ausgelöst, wenn eine WebSocket-Verbindung geschlossen wird. Es enthält den Close-Code, den Grund und die Angabe, ob sauber geschlossen wurde.

CloseEvent.code Eigenschaft

Schreibgeschützte Zahl, die angibt, mit welchem WebSocket-Statuscode (z. B. <code>1000</code>, <code>1006</code>) eine Verbindung geschlossen wurde.

CloseEvent.reason Eigenschaft

Schreibgeschützte Eigenschaft, die den vom Endpunkt angegebenen, menschenlesbaren Grund für das Schließen einer WebSocket-Verbindung als <code>string</code> liefert.

CloseEvent.wasClean Eigenschaft

Schreibgeschützter Boolean, der angibt, ob eine WebSocket-Verbindung sauber (mit abgeschlossenem Closing-Handshake) beendet wurde.

CloseWatcher Schnittstelle

Mit <code>CloseWatcher</code> reagieren eigene UI-Komponenten wie Popups, Seitenleisten oder Overlays auf Schließaktionen des Geräts, etwa die <code>Esc</code>-Taste oder die Android-Zurück-Geste, genau so wie ein natives <code>&lt;dialog&gt;</code>.

CloseWatcher.close() Methode

Schließt den <code>CloseWatcher</code> sofort: Das <code>cancel</code>-Ereignis wird übersprungen, <code>close</code> wird ausgelöst und der Watcher anschließend deaktiviert.

CloseWatcher.destroy() Methode

Deaktiviert einen <code>CloseWatcher</code> dauerhaft, ohne die Events <code>cancel</code> oder <code>close</code> auszulösen.

CloseWatcher.requestClose() Methode

Fordert das Schließen an: Löst zuerst <code>cancel</code> aus und, falls nicht per <code>preventDefault()</code> abgebrochen, anschließend <code>close</code> und deaktiviert den Watcher.

CloseWatcher: cancel Ereignis

Wird an einem <code>CloseWatcher</code> vor dem <code>close</code>-Ereignis ausgelöst. Mit <code>preventDefault()</code> lässt sich das Schließen abbrechen, etwa für eine Rückfrage.

CloseWatcher: close Ereignis

Wird bei einem <code>CloseWatcher</code> ausgelöst, wenn eine Schließanforderung eingeht und das vorausgehende <code>cancel</code>-Ereignis nicht abgebrochen wurde.

COEPViolationReport Schnittstelle

Beschreibt einen Bericht der Reporting API, der erzeugt wird, wenn ein Dokument gegen seine <code>Cross-Origin-Embedder-Policy</code> (COEP) verstößt.

CommandEvent Schnittstelle

Ereignis vom Typ <code>command</code>, das auf dem Ziel-Element ausgelöst wird, wenn ein <code>&lt;button&gt;</code> mit <code>commandfor</code> und <code>command</code> einen Befehl auslöst.

CommandEvent.command Eigenschaft

Schreibgeschützter String mit dem Befehl, der das <code>command</code>-Ereignis ausgelöst hat, etwa <code>"show-modal"</code> oder ein eigener Befehl wie <code>"--rotate"</code>.

CommandEvent.source Eigenschaft

Schreibgeschützte Eigenschaft, die das Steuerelement (meist einen <code>&lt;button&gt;</code>) als <code>EventTarget</code> liefert, das den Befehl eines <code>command</code>-Events ausgelöst hat.

Comment Schnittstelle

Das <code>Comment</code>-Interface steht für einen HTML- bzw. XML-Kommentar (<code>&lt;!-- … --&gt;</code>) im DOM-Baum, der nicht dargestellt wird, aber per Skript lesbar ist.

CompositionEvent Schnittstelle

Beschreibt Ereignisse bei indirekter Texteingabe über einen Eingabemethoden-Editor (IME), zum Beispiel für Chinesisch, Japanisch, Koreanisch oder bei Sprach- und Handschrifteingabe.

CompositionEvent.data Eigenschaft

Schreibgeschützte Eigenschaft, die die von einer Eingabemethode (IME) erzeugten Zeichen einer Komposition als String liefert – Inhalt abhängig vom Ereignistyp.

CompositionEvent.initCompositionEvent() Methode

Initialisiert Typ, Bubbling, Abbrechbarkeit, View, Daten und Locale eines per <code>document.createEvent()</code> erzeugten <code>CompositionEvent</code>-Objekts.

CompositionEvent.locale Eigenschaft

Nur lesbare Eigenschaft, die das Gebietsschema der Eingabemethode (IME) zurückgibt, mit der die aktuelle Komposition erzeugt wird, z. B. <code>"ja-JP"</code>.

CompressionStream Schnittstelle

Ein <code>CompressionStream</code> ist ein Transform-Stream, der einen Bytestrom direkt im Browser nach <code>gzip</code>, <code>deflate</code> oder <code>deflate-raw</code> komprimiert.

CompressionStream.readable Eigenschaft

Schreibgeschützte Eigenschaft, die den <code>ReadableStream</code> eines <code>CompressionStream</code> liefert, aus dem die komprimierten Daten als <code>Uint8Array</code>-Chunks gelesen werden.

CompressionStream.writable Eigenschaft

Nur-lesende Eigenschaft, die den <code>WritableStream</code> eines <code>CompressionStream</code> liefert, in den unkomprimierte Binär-Chunks zur Komprimierung geschrieben werden.

console Schnittstelle

Das <code>console</code>-Objekt bietet Zugriff auf die Debugging-Konsole des Browsers bzw. der Laufzeitumgebung – für Ausgaben, Zeitmessungen, Zähler, Gruppen und Stacktraces.

console.assert() Methode

Schreibt eine Fehlermeldung in die Konsole, wenn <code>assertion</code> falsy ist – bei wahrer Behauptung passiert nichts.

console.clear() Methode

Die statische Methode <code>console.clear()</code> leert die Konsole, sofern die Umgebung das unterstützt.

console.count() Methode

Gibt aus, wie oft <code>console.count()</code> mit einem bestimmten Label bereits aufgerufen wurde, im Format <code>label: n</code>.

console.countReset() Methode

Setzt den Zähler, den <code>console.count()</code> für ein bestimmtes Label führt, auf 0 zurück.

console.debug() Methode

Gibt eine Nachricht auf der Logstufe „debug“ (ausführlich/verbose) in der Konsole aus – ideal für Diagnose-Ausgaben, die im Normalfall ausgeblendet bleiben.

console.dir() Methode

Gibt eine interaktive, aufklappbare Liste aller Eigenschaften eines JavaScript-Objekts in der Konsole aus – unabhängig davon, ob es ein DOM-Element ist.

console.dirxml() Methode

Gibt DOM-Knoten bzw. XML-Elemente als interaktiven, aufklappbaren Elementbaum in der Konsole aus – für Nicht-Knoten verhält es sich wie <code>console.log()</code>.

console.error() Methode

Die statische Methode <code>console.error()</code> gibt eine Nachricht mit dem Log-Level „error“ auf der Konsole aus.

console.group() Methode

Öffnet eine neue, eingerückte Gruppe in der Konsole. Alle folgenden Ausgaben erscheinen darin, bis <code>console.groupEnd()</code> sie schließt.

console.groupCollapsed() Methode

Startet in der Konsole eine neue, standardmäßig <strong>eingeklappte</strong> Gruppe. Alle folgenden Ausgaben erscheinen darin eingerückt, bis <code>console.groupEnd()</code> aufgerufen wird.

console.groupEnd() Methode

Beendet die aktuell geöffnete Inline-Gruppe in der Konsole, sodass nachfolgende Ausgaben wieder eine Ebene weniger eingerückt erscheinen.

console.info() Methode

Die statische Methode <code>console.info()</code> gibt eine Nachricht auf dem Log-Level „info“ in der Konsole aus.

console.log() Methode

Die statische Methode <code>console.log()</code> gibt eine allgemeine Nachricht oder beliebige Werte in der Konsole aus, zum Debuggen und Protokollieren.

console.profile() Methode

Startet die Aufzeichnung eines CPU-/Performance-Profils in den Entwicklerwerkzeugen, das mit <code>console.profileEnd()</code> beendet wird.

console.profileEnd() Methode

Stoppt die Aufzeichnung eines CPU-Profils, das zuvor mit <code>console.profile()</code> gestartet wurde, und stellt es in den Entwicklerwerkzeugen bereit.

console.table() Methode

Die statische Methode <code>console.table()</code> zeigt tabellarische Daten als Tabelle an.

console.time() Methode

Startet einen benannten Timer, dessen verstrichene Zeit sich mit <code>console.timeLog()</code> abfragen und mit <code>console.timeEnd()</code> ausgeben und beenden lässt.

console.timeEnd() Methode

Stoppt einen mit <code>console.time()</code> gestarteten Timer und gibt die verstrichene Zeit in Millisekunden in der Konsole aus.

console.timeLog() Methode

Gibt die bisher verstrichene Zeit eines mit <code>console.time()</code> gestarteten Timers aus, ohne ihn zu stoppen – optional mit zusätzlichen Werten.

console.timeStamp() Methode

Setzt eine einzelne, optional beschriftete Zeitmarke in die Leistungs-Zeitleiste (Performance-Panel) der Entwicklerwerkzeuge des Browsers.

console.trace() Methode

Gibt die übergebenen Werte zusammen mit dem aktuellen Stack-Trace (Aufrufkette bis zur Aufrufstelle) in der Konsole aus.

console.warn() Methode

Gibt eine Warnmeldung auf dem Log-Level „warning“ in der Konsole aus, meist gelb hervorgehoben und mit Warnsymbol.

const Anweisung

Die <code>const</code>-Deklaration deklariert blockskopierte lokale Variablen, deren Wert nicht durch Zuweisung neu gesetzt werden kann.

ConstantSourceNode Schnittstelle

Eine Audioquelle der Web Audio API, die ein konstantes Signal ausgibt. Der Wert wird über den <code>AudioParam</code> <code>offset</code> gesteuert.

ConstantSourceNode.offset Eigenschaft

Schreibgeschützte Eigenschaft, die den <code>AudioParam</code> (a-rate) liefert, dessen Wert die <code>ConstantSourceNode</code> dauerhaft als Ausgangssignal erzeugt.

constructor Keyword

Die <code>constructor</code>-Methode ist eine spezielle Methode einer Klasse, die beim Aufruf mit <code>new</code> eine neue Instanz erzeugt und initialisiert.

ContactAddress Schnittstelle

Das <code>ContactAddress</code>-Interface der Contact Picker API steht für eine physische Postanschrift eines Kontakts, den der Nutzer über <code>navigator.contacts.select()</code> ausgewählt hat.

ContactAddress.addressLine Eigenschaft

Schreibgeschütztes Array von Zeichenfolgen mit den freien Adresszeilen (z. B. Straße, Hausnummer, Zusatz) einer über die Contact Picker API gewählten Adresse.

ContactAddress.city Eigenschaft

Schreibgeschützte Eigenschaft, die den Stadt- bzw. Ortsteil einer über die Contact Picker API ausgewählten Adresse als String liefert.

ContactAddress.country Eigenschaft

Schreibgeschützter String mit dem Ländercode einer Kontaktadresse nach ISO 3166-1 alpha-2, z. B. <code>"DE"</code> oder <code>"AT"</code>.

ContactAddress.dependentLocality Eigenschaft

Schreibgeschützter String mit einer Orts- oder Unterortbezeichnung innerhalb einer Stadt, z. B. Stadtteil, Bezirk oder Viertel einer Kontaktadresse.

ContactAddress.organization Eigenschaft

Schreibgeschützter String mit dem Namen der Organisation, Firma oder Institution, die zu einer über die Contact Picker API gewählten Adresse gehört.

ContactAddress.phone Eigenschaft

Schreibgeschützte Eigenschaft, die die Telefonnummer des Empfängers bzw. der Kontaktperson an einer über die Contact Picker API gewählten Adresse als String liefert.

ContactAddress.postalCode Eigenschaft

Schreibgeschützte Eigenschaft, die die Postleitzahl einer über die Contact Picker API ausgewählten Kontaktadresse als Zeichenkette liefert, z. B. <code>"10115"</code> oder einen US-ZIP-Code.

ContactAddress.recipient Eigenschaft

Schreibgeschützter String mit dem Namen des Empfängers, Käufers oder Ansprechpartners einer über die Contact Picker API gewählten Adresse.

ContactAddress.region Eigenschaft

Schreibgeschützte Zeichenfolge mit der obersten Verwaltungseinheit des Landes einer Kontaktadresse, z. B. Bundesland, Bundesstaat, Provinz oder Präfektur.

ContactAddress.sortingCode Eigenschaft

Schreibgeschützter String mit einem Postsortiercode, z. B. dem französischen CEDEX-Code, aus einer über die Contact Picker API gewählten Adresse.

ContactAddress.toJSON() Methode

Gibt ein einfaches Objekt mit allen Eigenschaften eines <code>ContactAddress</code>-Objekts zurück, das sich mit <code>JSON.stringify()</code> serialisieren lässt.

ContactsManager Schnittstelle

Das <code>ContactsManager</code>-Interface der Contact Picker API lässt Nutzer Kontakte aus ihrem Adressbuch auswählen und ausgewählte Details (Name, E-Mail, Telefon …) mit der Website teilen.

ContactsManager.getProperties() Methode

Gibt ein <code>Promise</code> zurück, das mit einem Array der Kontakt-Eigenschaften (z. B. <code>"name"</code>, <code>"email"</code>) erfüllt wird, die das Gerät unterstützt.

ContactsManager.select() Methode

Öffnet einen nativen Kontaktwähler und gibt ein <code>Promise</code> zurück, das mit den vom Nutzer ausgewählten Kontakten aufgelöst wird.

ContentIndex Schnittstelle

Über <code>ContentIndex</code> meldet eine Web-App offline verfügbare Inhalte (Artikel, Videos, Audio) beim Browser an, damit er sie gesammelt anzeigen kann.

ContentIndex.add() Methode

Registriert ein offline verfügbares Inhaltselement (Artikel, Video, Audio …) im Content Index des Service Workers, damit der Browser es dem Nutzer anzeigen kann.

ContentIndex.delete() Methode

Entfernt einen Eintrag anhand seiner <code>id</code> aus dem Content Index des Service Workers und liefert ein <code>Promise&lt;undefined&gt;</code>.

ContentIndex.getAll() Methode

Gibt ein <code>Promise</code> zurück, das mit einem Array aller Einträge aufgelöst wird, die aktuell im Content Index des Service Workers registriert sind.

ContentIndexEvent Schnittstelle

Das Ereignisobjekt des <code>contentdelete</code>-Events im Service Worker. Es wird ausgelöst, wenn der Nutzer einen Eintrag aus dem Content Index entfernt.

ContentIndexEvent.id Eigenschaft

Schreibgeschützter <code>string</code>, der den Eintrag im Content Index angibt, den der Nutzer über die Browser-Oberfläche gelöscht hat.

ContentVisibilityAutoStateChangeEvent Schnittstelle

Ereignisobjekt des <code>contentvisibilityautostatechange</code>-Ereignisses. Es wird ausgelöst, wenn ein Element mit <code>content-visibility: auto</code> das Überspringen seiner Inhalte beginnt oder beendet.

ContentVisibilityAutoStateChangeEvent.skipped Eigenschaft

Schreibgeschützter Boolean: <code>true</code>, wenn der Browser die Inhalte eines Elements mit <code>content-visibility: auto</code> gerade überspringt, sonst <code>false</code>.

continue Anweisung

Die <code>continue</code>-Anweisung beendet die aktuelle Iteration einer Schleife und setzt die Ausführung mit der nächsten Iteration fort.

ConvolverNode Schnittstelle

Ein <code>AudioNode</code>, der das Eingangssignal mit einer Impulsantwort (<code>AudioBuffer</code>) linear faltet, typischerweise für realistische Hall- und Raumeffekte.

ConvolverNode.buffer Eigenschaft

Liest oder setzt den <code>AudioBuffer</code> mit der Impulsantwort (1, 2 oder 4 Kanäle), mit der ein <code>ConvolverNode</code> das Eingangssignal faltet, z. B. für Hall.

ConvolverNode.normalize Eigenschaft

Boolean, der festlegt, ob die Impulsantwort beim Setzen von <code>buffer</code> per Gleichleistungs-Normalisierung (Equal-Power) skaliert wird. Standard: <code>true</code>.

CookieChangeEvent Schnittstelle

Ereignistyp des <code>change</code>-Events von <code>CookieStore</code>. Enthält in <code>changed</code> und <code>deleted</code> die Cookies, die gesetzt bzw. gelöscht wurden.

CookieChangeEvent.changed Eigenschaft

Schreibgeschütztes, eingefrorenes Array mit den Cookies, die beim auslösenden <code>change</code>-Event neu gesetzt oder geändert wurden.

CookieChangeEvent.deleted Eigenschaft

Schreibgeschütztes Array mit den Cookies, die durch das jeweilige <code>CookieChangeEvent</code> gelöscht wurden oder abgelaufen sind.

CookieStore Schnittstelle

Promise-basierte Schnittstelle der Cookie Store API zum asynchronen Lesen, Setzen und Löschen von Cookies – im Fenster über <code>window.cookieStore</code> und im Service Worker.

CookieStore.delete() Methode

Löscht asynchron ein Cookie, das zum angegebenen Namen oder <code>options</code>-Objekt passt, und gibt ein <code>Promise</code> zurück.

CookieStore.get() Methode

Liest asynchron ein einzelnes Cookie anhand von Name oder Optionsobjekt und liefert ein <code>Promise</code> mit dem Cookie-Objekt oder <code>null</code>.

CookieStore.getAll() Methode

Liefert ein Promise mit einem Array aller Cookies, die zum angegebenen Namen oder zu den Optionen passen. Ohne Argument werden alle sichtbaren Cookies geliefert.

CookieStore.set() Methode

Setzt asynchron ein Cookie mit gegebenem <code>name</code> und <code>value</code> oder über ein <code>options</code>-Objekt und liefert ein <code>Promise</code> zurück.

CookieStore: change Ereignis

Wird am <code>CookieStore</code> ausgelöst, sobald Cookies gesetzt, geändert oder gelöscht werden, und liefert ein <code>CookieChangeEvent</code>.

CookieStoreManager Schnittstelle

Über <code>CookieStoreManager</code> abonniert ein Service Worker Cookie-Änderungen, damit er <code>cookiechange</code>-Events erhält – auch wenn keine Seite geöffnet ist.

CookieStoreManager.getSubscriptions() Methode

Liefert ein Promise mit der Liste aller Cookie-Änderungsabonnements, die für die aktuelle <code>ServiceWorkerRegistration</code> registriert sind.

CookieStoreManager.subscribe() Methode

Meldet die zugehörige <code>ServiceWorkerRegistration</code> für <code>cookiechange</code>-Ereignisse zu bestimmten Cookies an, damit der Service Worker auf Cookie-Änderungen reagieren kann.

CookieStoreManager.unsubscribe() Methode

Beendet zuvor mit <code>subscribe()</code> angelegte Cookie-Änderungs-Abonnements einer <code>ServiceWorkerRegistration</code>, sodass keine <code>cookiechange</code>-Ereignisse mehr eintreffen.

CountQueuingStrategy Schnittstelle

Eingebaute Warteschlangen-Strategie der Streams API, die jeden Chunk unabhängig von seiner Größe als 1 zählt und so den Rückstau (Backpressure) über die Anzahl der Chunks steuert.

CountQueuingStrategy.highWaterMark Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, wie viele Blöcke (Chunks) die interne Warteschlange eines Streams aufnehmen darf, bevor Gegendruck entsteht.

CountQueuingStrategy.size() Methode

Gibt für jeden Chunk immer <code>1</code> zurück, sodass die Warteschlangengröße eines Streams der Anzahl der Chunks entspricht.

CrashReport Schnittstelle

Das Dictionary <code>CrashReport</code> der Reporting API beschreibt einen Absturzbericht, den der Browser nach einem Absturz einer Seite an einen Endpunkt auf dem Server schickt.

CrashReportContext Schnittstelle

Speichert beliebige Schlüssel-Wert-Daten für den aktuellen Top-Level-Browsing-Kontext. Stürzt die Seite ab, werden diese Daten dem Crash-Report der Reporting API beigefügt.

CrashReportContext.delete() Methode

Entfernt ein zuvor mit <code>set()</code> gespeichertes Schlüssel-Wert-Paar aus dem Absturzbericht-Kontext, sodass es nicht mehr in künftigen Crash-Reports erscheint.

CrashReportContext.initialize() Methode

Reserviert einen Speicherbereich fester Größe für Schlüssel-Wert-Daten, die mit <code>set()</code> abgelegt und im Absturzfall an den Crash-Bericht angehängt werden.

CrashReportContext.set() Methode

Speichert ein Schlüssel-Wert-Paar (Strings) im Speicher, der mit <code>initialize()</code> reserviert wurde. Die Daten werden bei einem Absturz im Crash-Report mitgesendet.

CreateMonitor Schnittstelle

Meldet den Download-Fortschritt eines KI-Modells (z. B. Sprachpaket oder Feinabstimmungsdaten), wenn ein Objekt der eingebauten KI-APIs wie <code>Summarizer</code> oder <code>Translator</code> erzeugt wird.

CreateMonitor: downloadprogress Ereignis

Wird an einem <code>CreateMonitor</code> ausgelöst, sobald beim Herunterladen des KI-Modells einer Built-in-AI-API (z. B. <code>Summarizer</code>, <code>Translator</code>) Fortschritt erzielt wird.

Credential Schnittstelle

Basis-Interface der Credential Management API, das Anmeldedaten einer Entität (meist eines Benutzers) beschreibt, etwa Passwörter, Passkeys oder föderierte Identitäten.

Credential.id Eigenschaft

Schreibgeschützte Eigenschaft, die die Kennung eines Berechtigungsnachweises (Credential) als String zurückgibt.

Credential.isConditionalMediationAvailable() Methode

Statische Methode der Basisschnittstelle <code>Credential</code>, die immer ein Promise zurückgibt, das sich zu <code>false</code> auflöst.

Credential.type Eigenschaft

Schreibgeschützte Eigenschaft, die als String den Typ eines Anmeldedatensatzes liefert, z. B. <code>"password"</code>, <code>"federated"</code>, <code>"public-key"</code> oder <code>"otp"</code>.

CredentialsContainer Schnittstelle

Stellt über <code>navigator.credentials</code> Methoden bereit, mit denen man Anmeldedaten (Passwörter, Passkeys, föderierte Identitäten) anfordern, erzeugen und speichern kann.

CredentialsContainer.create() Methode

Erstellt ein neues Credential (Passwort, föderiert, Passkey/Public Key oder Identity), das man speichern und später mit <code>navigator.credentials.get()</code> abrufen kann.

CredentialsContainer.get() Methode

Fordert beim Browser ein vorhandenes Credential (Passkey, Passwort, Federated-Login, OTP) an und liefert ein Promise, das mit einem <code>Credential</code> oder <code>null</code> erfüllt wird.

CredentialsContainer.preventSilentAccess() Methode

Setzt für den aktuellen Ursprung ein Flag, das die automatische, stille Anmeldung bei künftigen Besuchen verhindert, und gibt ein <code>Promise&lt;undefined&gt;</code> zurück.

CredentialsContainer.store() Methode

Übergibt eine <code>Credential</code>-Instanz (z. B. <code>PasswordCredential</code>) an den Passwort-Manager des Browsers, damit er sie speichert. Liefert ein Promise zurück.

CropTarget Schnittstelle

Steht für ein DOM-Element, auf dessen Bereich eine Bildschirmaufnahme des eigenen Tabs zugeschnitten wird. Eine Instanz erhält man über die statische Methode <code>CropTarget.fromElement()</code>.

CropTarget.fromElement() Methode

Erzeugt asynchron ein <code>CropTarget</code> für ein DOM-Element, mit dem eine Tab-Aufnahme per <code>cropTo()</code> auf den Bereich dieses Elements zugeschnitten wird.

Crypto Schnittstelle

Das <code>Crypto</code>-Interface bietet Zugriff auf einen kryptografisch sicheren Zufallsgenerator, auf <code>randomUUID()</code> und über <code>subtle</code> auf die Web Crypto API.

Crypto.getRandomValues() Methode

Füllt ein ganzzahliges TypedArray mit kryptografisch starken Zufallswerten und gibt dasselbe Array zurück.

Crypto.randomUUID() Methode

Erzeugt mit einem kryptografisch sicheren Zufallszahlengenerator eine zufällige UUID der Version 4 als 36-stelligen String.

Crypto.subtle Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>SubtleCrypto</code>-Objekt für Low-Level-Kryptografie liefert, etwa Hashing, Verschlüsselung, Signaturen und Schlüsselverwaltung.

CryptoKey Schnittstelle

Stellt einen kryptografischen Schlüssel der Web Crypto API dar, der über <code>SubtleCrypto</code>-Methoden wie <code>generateKey()</code> oder <code>importKey()</code> erzeugt wird.

CryptoKey.algorithm Eigenschaft

Schreibgeschütztes Objekt, das den Algorithmus eines <code>CryptoKey</code> samt algorithmusspezifischer Parameter (z. B. Schlüssellänge, Kurve, Hash) beschreibt.

CryptoKey.extractable Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob ein <code>CryptoKey</code> per <code>SubtleCrypto.exportKey()</code> oder <code>SubtleCrypto.wrapKey()</code> exportiert werden darf.

CryptoKey.type Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, ob ein <code>CryptoKey</code> ein geheimer (<code>"secret"</code>), privater (<code>"private"</code>) oder öffentlicher (<code>"public"</code>) Schlüssel ist.

CryptoKey.usages Eigenschaft

Schreibgeschütztes Array von Strings, das festlegt, für welche Operationen ein <code>CryptoKey</code> verwendet werden darf, z. B. <code>"encrypt"</code> oder <code>"sign"</code>.

CryptoKeyPair Schnittstelle

Dictionary der Web Crypto API mit einem zusammengehörigen öffentlichen und privaten Schlüssel (<code>publicKey</code>, <code>privateKey</code>) für asymmetrische Algorithmen.

CSPViolationReport Schnittstelle

Beschreibt einen Bericht der Reporting API, der erzeugt wird, wenn ein Dokument gegen seine Content Security Policy (CSP) verstößt.

CSPViolationReport.blockedURL Eigenschaft

Ein schreibgeschützter String mit der URL der Ressource, die wegen eines Verstoßes gegen die Content Security Policy blockiert wurde, oder einem Schlüsselwort wie <code>"inline"</code> bzw. <code>"eval"</code>.

CSPViolationReport.columnNumber Eigenschaft

Gibt die Spaltennummer (Zeichenposition) in der Zeile der Quelldatei an, an der die CSP-Verletzung ausgelöst wurde, oder <code>null</code>, wenn sie unbekannt ist.

CSPViolationReport.disposition Eigenschaft

Gibt an, ob der verletzte CSP-Header durchgesetzt wurde (<code>"enforce"</code>) oder nur gemeldet werden sollte (<code>"report"</code>).

CSPViolationReport.documentURL Eigenschaft

Nur lesbarer String mit der URL des Dokuments oder Workers, in dem die Content Security Policy (CSP) verletzt wurde.

CSPViolationReport.effectiveDirective Eigenschaft

Ein String mit der CSP-Direktive, die tatsächlich durchgesetzt wurde und verletzt wurde, z. B. <code>script-src-elem</code> oder <code>img-src</code>.

CSPViolationReport.lineNumber Eigenschaft

Gibt die Zeilennummer (ab 1) in der Quelldatei an, in der der CSP-Verstoß ausgelöst wurde, oder <code>null</code>, wenn sie unbekannt ist.

CSPViolationReport.originalPolicy Eigenschaft

String mit der vollständigen Content Security Policy (CSP), deren Durchsetzung den gemeldeten Verstoß ausgelöst hat.

CSPViolationReport.referrer Eigenschaft

String mit der Referrer-URL des Dokuments, in dem eine Content-Security-Policy-Verletzung (CSP) aufgetreten ist.

CSPViolationReport.sample Eigenschaft

String mit einem Ausschnitt (bis zu 40 Zeichen) des Inline-Skripts, Event-Handlers oder Styles, der einen CSP-Verstoß ausgelöst hat – sonst ein leerer String.

CSPViolationReport.sourceFile Eigenschaft

Enthält die URL der Datei (Skript, Stylesheet oder Dokument), in der der Code steht, der gegen die Content Security Policy verstoßen hat, oder <code>null</code>.

CSPViolationReport.statusCode Eigenschaft

Nur lesbare Zahl mit dem HTTP-Statuscode der Antwort des Dokuments oder Workers, in dem eine Content-Security-Policy-Verletzung aufgetreten ist.

CSS Schnittstelle

Das Namensraum-Objekt <code>CSS</code> bündelt statische Hilfsmethoden rund um CSS, z. B. Feature-Erkennung, Maskieren von Selektoren und typisierte CSS-Werte.

CSS numeric factory functions Methode

Statische Fabrikmethoden wie <code>CSS.px()</code> oder <code>CSS.turn()</code> erzeugen ein <code>CSSUnitValue</code> mit dem übergebenen Zahlenwert und der gleichnamigen Einheit.

CSS.escape() Methode

Maskiert einen String so, dass er sicher als CSS-Bezeichner verwendet werden kann, etwa als ID oder Klassenname in einem Selektor für <code>querySelector()</code>.

CSS.highlights Eigenschaft

Statische, schreibgeschützte Eigenschaft, die das <code>HighlightRegistry</code> liefert, mit dem sich beliebige Textbereiche über <code>::highlight()</code> per CSS hervorheben lassen.

CSS.paintWorklet Eigenschaft

Statische, schreibgeschützte Eigenschaft, die das <code>Worklet</code> der CSS Painting API liefert, mit dem man Bilder für CSS-Eigenschaften per Skript zeichnen kann.

CSS.registerProperty() Methode

Registriert eine benutzerdefinierte CSS-Eigenschaft (<code>--name</code>) mit Typprüfung per Syntax, Startwert und festgelegtem Vererbungsverhalten.

CSS.supports() Methode

Prüft per JavaScript, ob der Browser eine CSS-Eigenschaft mit einem bestimmten Wert oder eine <code>@supports</code>-Bedingung unterstützt, und gibt <code>true</code> oder <code>false</code> zurück.

CSSAnimation Schnittstelle

Stellt eine per CSS (<code>animation</code>/<code>@keyframes</code>) gestartete Animation als <code>Animation</code>-Objekt dar, das man per JavaScript steuern kann.

CSSAnimation.animationName Eigenschaft

Die schreibgeschützte Eigenschaft <code>animationName</code> gibt den Namen der <code>@keyframes</code>-Regel zurück, auf der eine CSS-Animation beruht.

CSSConditionRule Schnittstelle

Abstrakte Basisschnittstelle für bedingte CSS-At-Regeln wie <code>@media</code>, <code>@supports</code> und <code>@container</code>, die eine Bedingung und einen Regelblock enthalten.

CSSConditionRule.conditionText Eigenschaft

Liefert den Bedingungstext einer bedingten CSS-Regel wie <code>@media</code>, <code>@supports</code> oder <code>@container</code> als String. Die Eigenschaft ist schreibgeschützt.

CSSContainerRule Schnittstelle

Stellt eine einzelne CSS-<code>@container</code>-Regel im CSSOM dar und gibt Zugriff auf Container-Name, Container-Abfrage und die enthaltenen Regeln.

CSSContainerRule.conditions Eigenschaft

Schreibgeschützte Eigenschaft, die alle Containerbedingungen einer <code>@container</code>-Regel als Array von Objekten mit <code>name</code> und <code>query</code> liefert.

CSSContainerRule.containerName Eigenschaft

Gibt als schreibgeschützten String den Container-Namen einer <code>@container</code>-Regel zurück. Hat die Regel keinen Namen, ist der Wert ein leerer String.

CSSContainerRule.containerQuery Eigenschaft

Schreibgeschützte Zeichenkette mit dem Abfrage-Teil einer <code>@container</code>-Regel, also der Bedingung ohne Container-Namen, z. B. <code>(min-width: 400px)</code>.

CSSCounterStyleRule Schnittstelle

Stellt eine <code>@counter-style</code>-At-Regel im CSSOM dar. Über sie lassen sich eigene Zählstile für Listen und Zähler per JavaScript auslesen und ändern.

CSSCounterStyleRule.additiveSymbols Eigenschaft

Liest oder setzt als String den Wert des <code>additive-symbols</code>-Deskriptors einer <code>@counter-style</code>-Regel.

CSSCounterStyleRule.fallback Eigenschaft

Liest oder setzt den Wert des <code>fallback</code>-Deskriptors einer <code>@counter-style</code>-Regel, also den Ersatz-Zählerstil für nicht darstellbare Werte.

CSSCounterStyleRule.name Eigenschaft

Liest oder setzt den Namen (<code>&lt;custom-ident&gt;</code>) einer <code>@counter-style</code>-Regel, über den der Zählerstil in <code>list-style-type</code> oder <code>counter()</code> angesprochen wird.

CSSCounterStyleRule.negative Eigenschaft

Liest oder setzt den <code>negative</code>-Deskriptor einer <code>@counter-style</code>-Regel, also die Zeichen, die bei negativen Zählerwerten vor bzw. nach der Darstellung stehen.

CSSCounterStyleRule.pad Eigenschaft

Liest oder setzt als String den Wert des <code>pad</code>-Deskriptors einer <code>@counter-style</code>-Regel, also die Mindestlänge und das Füllzeichen für Zählerdarstellungen.

CSSCounterStyleRule.prefix Eigenschaft

Liest oder setzt den Wert des <code>prefix</code>-Deskriptors einer <code>@counter-style</code>-Regel als String, also das Präfix vor jedem Zählersymbol.

CSSCounterStyleRule.range Eigenschaft

Liest oder setzt den <code>range</code>-Deskriptor einer <code>@counter-style</code>-Regel als String, z. B. <code>"1 10"</code>, <code>"auto"</code> oder <code>"2 infinite"</code>.

CSSCounterStyleRule.speakAs Eigenschaft

Liest oder setzt den Wert des <code>speak-as</code>-Deskriptors einer <code>@counter-style</code>-Regel als Zeichenkette.

CSSCounterStyleRule.suffix Eigenschaft

Liest oder setzt den Wert des <code>suffix</code>-Deskriptors einer <code>@counter-style</code>-Regel, also das Zeichen hinter dem Listenmarker.

CSSCounterStyleRule.symbols Eigenschaft

Liest oder setzt als String den Wert des Deskriptors <code>symbols</code> einer <code>@counter-style</code>-Regel, also die Zeichen, mit denen die Zählerwerte dargestellt werden.

CSSCounterStyleRule.system Eigenschaft

Liest oder setzt den Wert des <code>system</code>-Deskriptors einer <code>@counter-style</code>-Regel als String, z. B. <code>"cyclic"</code> oder <code>"fixed 3"</code>.

CSSFontFaceDescriptors Schnittstelle

Stellt den Deklarationsblock einer <code>@font-face</code>-Regel dar und macht deren Deskriptoren wie <code>src</code>, <code>font-family</code> oder <code>font-display</code> als Eigenschaften zugänglich.

CSSFontFaceRule Schnittstelle

Repräsentiert eine <code>@font-face</code>-At-Regel in einem Stylesheet und gibt über <code>style</code> Zugriff auf ihre Deskriptoren.

CSSFontFaceRule.style Eigenschaft

Liefert schreibgeschützt ein <code>CSSFontFaceDescriptors</code>-Objekt mit den Deskriptoren (z. B. <code>font-family</code>, <code>src</code>) einer <code>@font-face</code>-Regel.

CSSFontFeatureValuesMap Schnittstelle

Map-artige CSSOM-Sammlung, die die benannten Feature-Werte eines <code>@font-feature-values</code>-Blocks (z. B. <code>@swash</code>, <code>@styleset</code>) auf Zahlenlisten abbildet.

CSSFontFeatureValuesMap.[Symbol.iterator]() Methode

Gibt einen Iterator über die <code>[name, werte]</code>-Paare einer <code>CSSFontFeatureValuesMap</code> zurück, damit sie mit <code>for...of</code>, Spread & Co. durchlaufen werden kann.

CSSFontFeatureValuesMap.clear() Methode

Entfernt alle Einträge (benannte Feature-Werte) aus einer <code>CSSFontFeatureValuesMap</code>, z. B. alle <code>@styleset</code>-Deklarationen einer <code>@font-feature-values</code>-Regel.

CSSFontFeatureValuesMap.delete() Methode

Entfernt den Eintrag mit dem angegebenen Namen aus einer <code>CSSFontFeatureValuesMap</code> und gibt zurück, ob er vorhanden war.

CSSFontFeatureValuesMap.entries() Methode

Gibt einen neuen Iterator über alle <code>[key, value]</code>-Paare der Feature-Werte-Deklarationen einer <code>CSSFontFeatureValuesMap</code> zurück, in Einfügereihenfolge.

CSSFontFeatureValuesMap.forEach() Methode

Ruft eine Callback-Funktion einmal für jedes Schlüssel/Wert-Paar einer <code>CSSFontFeatureValuesMap</code> auf, und zwar in Einfügereihenfolge.

CSSFontFeatureValuesMap.get() Methode

Gibt die Feature-Indizes zurück, die unter einem benannten Schlüssel in einer <code>CSSFontFeatureValuesMap</code> stehen, oder <code>undefined</code>, wenn es den Schlüssel nicht gibt.

CSSFontFeatureValuesMap.has() Methode

Prüft, ob in einer <code>CSSFontFeatureValuesMap</code> ein Feature-Wert mit dem angegebenen Namen definiert ist, und gibt <code>true</code> oder <code>false</code> zurück.

CSSFontFeatureValuesMap.keys() Methode

Gibt einen neuen Iterator mit den Schlüsseln (Feature-Wert-Namen) aller Einträge einer <code>CSSFontFeatureValuesMap</code> in Einfügereihenfolge zurück.

CSSFontFeatureValuesMap.set() Methode

Fügt einer <code>CSSFontFeatureValuesMap</code> einen benannten Feature-Wert (z. B. für <code>styleset</code> oder <code>swash</code>) hinzu oder überschreibt einen vorhandenen Eintrag.

CSSFontFeatureValuesMap.size Eigenschaft

Gibt die Anzahl der benannten Feature-Werte in einer <code>CSSFontFeatureValuesMap</code> zurück, z. B. wie viele Einträge ein <code>@styleset</code>-Block enthält. Nur lesbar.

CSSFontFeatureValuesMap.values() Methode

Gibt einen neuen Iterator über alle Werte (Arrays von Feature-Indizes) einer <code>CSSFontFeatureValuesMap</code> in Einfügereihenfolge zurück.

CSSFontFeatureValuesRule Schnittstelle

Stellt eine <code>@font-feature-values</code>-At-Regel im CSSOM dar und macht deren Schriftfamilie und benannte OpenType-Feature-Werte per JavaScript lesbar und änderbar.

CSSFontFeatureValuesRule.annotation Eigenschaft

Gibt eine <code>CSSFontFeatureValuesMap</code> zurück, die die im <code>@annotation</code>-Block einer <code>@font-feature-values</code>-Regel definierten Namen und Feature-Indizes enthält.

CSSFontFeatureValuesRule.characterVariant Eigenschaft

Liefert eine <code>CSSFontFeatureValuesMap</code> mit den im <code>@character-variant</code>-Block einer <code>@font-feature-values</code>-Regel definierten Namen und Feature-Indizes.

CSSFontFeatureValuesRule.fontFamily Eigenschaft

Liefert oder setzt als Zeichenkette die Schriftfamilie(n), für die eine <code>@font-feature-values</code>-Regel ihre benannten OpenType-Feature-Werte definiert.

CSSFontFeatureValuesRule.ornaments Eigenschaft

Schreibgeschützte Eigenschaft mit einer <code>CSSFontFeatureValuesMap</code>, die die im <code>@ornaments</code>-Block definierten Namen den Glyphen-Indizes des OpenType-Features <code>ornm</code> zuordnet.

CSSFontFeatureValuesRule.styleset Eigenschaft

Liefert eine schreibgeschützte Referenz auf eine <code>CSSFontFeatureValuesMap</code> mit den benannten Stylistic Sets aus dem <code>@styleset</code>-Block einer <code>@font-feature-values</code>-Regel.

CSSFontFeatureValuesRule.stylistic Eigenschaft

Liefert eine <code>CSSFontFeatureValuesMap</code> mit allen im <code>@stylistic</code>-Block einer <code>@font-feature-values</code>-Regel definierten Namen und Feature-Indizes.

CSSFontFeatureValuesRule.swash Eigenschaft

Liefert ein schreibgeschütztes <code>CSSFontFeatureValuesMap</code> mit allen Namen und Feature-Indizes aus dem <code>@swash</code>-Block einer <code>@font-feature-values</code>-Regel.

CSSFontPaletteValuesRule Schnittstelle

Stellt eine <code>@font-palette-values</code>-At-Regel im CSSOM dar und gibt per JavaScript lesenden Zugriff auf Name, Schriftfamilie, Basis-Palette und überschriebene Farben.

CSSFontPaletteValuesRule.basePalette Eigenschaft

Liefert als schreibgeschützten String den Wert des <code>base-palette</code>-Deskriptors einer <code>@font-palette-values</code>-Regel oder einen leeren String, wenn er fehlt.

CSSFontPaletteValuesRule.fontFamily Eigenschaft

Schreibgeschützter String mit den Schriftfamilien, für die eine <code>@font-palette-values</code>-Regel gilt – also der Wert ihres <code>font-family</code>-Deskriptors.

CSSFontPaletteValuesRule.name Eigenschaft

Liefert den Namen (<code>&lt;dashed-ident&gt;</code>, z. B. <code>--warm</code>) einer <code>@font-palette-values</code>-Regel. Die Eigenschaft ist schreibgeschützt.

CSSFontPaletteValuesRule.overrideColors Eigenschaft

Schreibgeschützter String mit dem Wert des Deskriptors <code>override-colors</code> einer <code>@font-palette-values</code>-Regel: eine Liste aus Paaren von Farbindex und Farbe.

CSSFunctionDeclarations Schnittstelle

Steht im CSSOM für einen zusammenhängenden Block von Deklarationen, etwa <code>result</code> oder lokalen Custom Properties, im Körper einer <code>@function</code>-Regel.

CSSFunctionDeclarations.style Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSFunctionDescriptors</code>-Objekt mit den Deklarationen aus dem Körper einer <code>@function</code>-Regel liefert (z. B. <code>result</code>).

CSSFunctionDescriptors Schnittstelle

Enthält die Deskriptoren eines Deklarationsblocks innerhalb einer CSS-Regel <code>@function</code>, vor allem den Deskriptor <code>result</code>. Man erreicht das Objekt über <code>CSSFunctionDeclarations.style</code>.

CSSFunctionDescriptors.result Eigenschaft

Gibt den Wert des <code>result</code>-Deskriptors aus einem Deklarationsblock einer CSS-<code>@function</code>-Regel als String zurück, oder einen leeren String, wenn keiner vorhanden ist.

CSSFunctionRule Schnittstelle

Stellt im CSS-Objektmodell eine <code>@function</code>-At-Regel dar, also eine benutzerdefinierte CSS-Funktion mit Name, Parametern und Rückgabetyp.

CSSFunctionRule.getParameters() Methode

Gibt ein Array von Objekten zurück, die die Parameter (Name, Typ, Standardwert) einer benutzerdefinierten CSS-Funktion aus einer <code>@function</code>-Regel beschreiben.

CSSFunctionRule.name Eigenschaft

Gibt den Namen der mit <code>@function</code> definierten benutzerdefinierten CSS-Funktion als String zurück, inklusive der führenden <code>--</code>.

CSSFunctionRule.returnType Eigenschaft

Nur lesbare Eigenschaft, die den in einer <code>@function</code>-Regel deklarierten Rückgabetyp der benutzerdefinierten CSS-Funktion als String liefert.

CSSGroupingRule Schnittstelle

Abstrakte CSSOM-Schnittstelle für At-Regeln wie <code>@media</code>, <code>@supports</code> oder <code>@layer</code>, die weitere Regeln verschachtelt enthalten.

CSSGroupingRule.cssRules Eigenschaft

Gibt eine live aktualisierte <code>CSSRuleList</code> mit allen verschachtelten <code>CSSRule</code>-Objekten einer Gruppierungsregel (z. B. <code>@media</code>, <code>@supports</code>) zurück.

CSSGroupingRule.deleteRule() Methode

Entfernt die Regel an der angegebenen Position aus der Liste <code>cssRules</code> einer gruppierenden Regel wie <code>@media</code> oder <code>@supports</code>.

CSSGroupingRule.insertRule() Methode

Fügt eine neue CSS-Regel an einer bestimmten Position in die <code>cssRules</code>-Liste einer gruppierenden Regel (z. B. <code>@media</code>, <code>@supports</code>) ein.

CSSImageValue Schnittstelle

Stellt im CSS Typed Object Model einen Bildwert dar, etwa <code>url()</code> in <code>background-image</code>, <code>list-style-image</code> oder <code>border-image-source</code>.

CSSImportRule Schnittstelle

Stellt eine <code>@import</code>-Regel im CSSOM dar und gibt Zugriff auf URL, Medienliste, Kaskadenebene und das importierte Stylesheet.

CSSImportRule.href Eigenschaft

Gibt die URL als schreibgeschützten String zurück, die in einer <code>@import</code>-Regel angegeben ist, und zwar genau so, wie sie im CSS-Quelltext steht.

CSSImportRule.layerName Eigenschaft

Gibt den Namen der Kaskadenschicht (<code>@layer</code>) zurück, in die eine <code>@import</code>-Regel das importierte Stylesheet einordnet – oder <code>null</code>, wenn es keine Schicht gibt.

CSSImportRule.media Eigenschaft

Gibt ein <code>MediaList</code>-Objekt mit den Medienabfragen zurück, unter denen die per <code>@import</code> eingebundene Stilvorlage gilt.

CSSImportRule.styleSheet Eigenschaft

Gibt das über eine <code>@import</code>-Regel eingebundene Stylesheet als <code>CSSStyleSheet</code> zurück. Die Eigenschaft ist schreibgeschützt.

CSSImportRule.supportsText Eigenschaft

Gibt die Unterstützungsbedingung einer <code>@import</code>-Regel aus <code>supports(...)</code> als String zurück, oder <code>null</code>, wenn keine angegeben ist.

CSSKeyframeRule Schnittstelle

Stellt einen einzelnen Keyframe innerhalb einer <code>@keyframes</code>-Regel dar, also einen Keyframe-Selektor wie <code>50%</code> und die zugehörigen Stildeklarationen.

CSSKeyframeRule.keyText Eigenschaft

Liest oder setzt den Selektor eines einzelnen Keyframes als kommagetrennte Liste von Prozentwerten, z. B. <code>"0%, 100%"</code>.

CSSKeyframeRule.style Eigenschaft

Liefert ein <code>CSSStyleDeclaration</code>-Objekt mit den Deklarationen eines einzelnen Keyframes (z. B. <code>50% { … }</code>) innerhalb einer <code>@keyframes</code>-Regel.

CSSKeyframesRule Schnittstelle

Stellt eine vollständige <code>@keyframes</code>-Regel mit allen Keyframes einer CSS-Animation im CSSOM dar und erlaubt, diese zur Laufzeit zu lesen und zu ändern.

CSSKeyframesRule.appendRule() Methode

Fügt einer <code>@keyframes</code>-Regel zur Laufzeit einen neuen Keyframe (<code>CSSKeyframeRule</code>) am Ende ihrer Keyframe-Liste hinzu.

CSSKeyframesRule.cssRules Eigenschaft

Schreibgeschützte Eigenschaft, die eine <code>CSSRuleList</code> mit allen Keyframe-Regeln (<code>CSSKeyframeRule</code>) einer <code>@keyframes</code>-At-Regel liefert.

CSSKeyframesRule.deleteRule() Methode

Entfernt aus einer <code>@keyframes</code>-Regel den Keyframe (<code>CSSKeyframeRule</code>), dessen Selektor zum übergebenen Wert passt.

CSSKeyframesRule.findRule() Methode

Sucht in einer <code>@keyframes</code>-Regel das Keyframe (<code>CSSKeyframeRule</code>), dessen Selektor zum übergebenen Wert wie <code>"50%"</code> oder <code>"from"</code> passt.

CSSKeyframesRule.length Eigenschaft

Gibt die Anzahl der <code>CSSKeyframeRule</code>-Objekte (Keyframes) einer <code>@keyframes</code>-Regel als nicht veränderbare Zahl zurück.

CSSKeyframesRule.name Eigenschaft

Liest oder setzt den Namen einer <code>@keyframes</code>-Regel, also den Bezeichner, auf den sich <code>animation-name</code> bezieht.

CSSKeywordValue Schnittstelle

Stellt im CSS Typed OM ein CSS-Schlüsselwort oder einen anderen Bezeichner dar, z. B. <code>auto</code>, <code>none</code>, <code>flex</code> oder <code>inherit</code>.

CSSKeywordValue.value Eigenschaft

Liest oder setzt das CSS-Schlüsselwort eines <code>CSSKeywordValue</code>-Objekts als Zeichenkette, z. B. <code>"auto"</code>, <code>"none"</code> oder <code>"inherit"</code>.

CSSLayerBlockRule Schnittstelle

Steht im CSSOM für eine <code>@layer</code>-Blockregel, also eine Kaskadenebene mit eigenem Regelblock, z. B. <code>@layer base { … }</code>.

CSSLayerBlockRule.name Eigenschaft

Gibt den Namen der Kaskadenschicht zurück, die durch eine <code>@layer</code>-Blockregel definiert wird. Bei anonymen Schichten ist das ein leerer String.

CSSLayerStatementRule Schnittstelle

Steht für eine <code>@layer</code>-Anweisung ohne Block, z. B. <code>@layer reset, base, components;</code>. Sie legt nur Namen und Reihenfolge von Kaskadenebenen fest.

CSSLayerStatementRule.nameList Eigenschaft

Gibt die in einer <code>@layer</code>-Anweisung (ohne Block) deklarierten Cascade-Layer-Namen als eingefrorenes Array von Strings zurück.

CSSMathClamp Schnittstelle

Stellt im CSS Typed Object Model die CSS-Funktion <code>clamp(min, wert, max)</code> als Objekt mit den Eigenschaften <code>lower</code>, <code>value</code> und <code>upper</code> dar.

CSSMathClamp.lower Eigenschaft

Gibt den Mindestwert eines <code>clamp()</code>-Ausdrucks als schreibgeschütztes <code>CSSNumericValue</code> zurück.

CSSMathClamp.upper Eigenschaft

Schreibgeschützte Eigenschaft, die den Maximalwert (dritter Parameter) eines <code>clamp()</code>-Ausdrucks als <code>CSSNumericValue</code> liefert.

CSSMathClamp.value Eigenschaft

Schreibgeschützte Eigenschaft, die den bevorzugten Wert (mittleres Argument) eines <code>clamp()</code>-Ausdrucks als <code>CSSNumericValue</code> liefert.

CSSMathInvert Schnittstelle

Stellt im CSS Typed OM den Kehrwert (<code>1 / x</code>) eines numerischen CSS-Werts dar, z. B. die Division innerhalb eines <code>calc()</code>-Ausdrucks.

CSSMathInvert.value Eigenschaft

Gibt den <code>CSSNumericValue</code> zurück, der von einem <code>CSSMathInvert</code>-Objekt invertiert wird, also den Nenner in <code>calc(1 / wert)</code>.

CSSMathMax Schnittstelle

Stellt im CSS Typed Object Model die CSS-Funktion <code>max()</code> als Objekt dar. Sie liefert zur Laufzeit den größten ihrer Argumentwerte.

CSSMathMax.values Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSNumericArray</code> mit allen <code>CSSNumericValue</code>-Argumenten eines CSS-<code>max()</code>-Ausdrucks liefert.

CSSMathMin Schnittstelle

Stellt im CSS Typed Object Model die CSS-Funktion <code>min()</code> als Objekt dar, also den kleinsten von mehreren numerischen Werten.

CSSMathMin.values Eigenschaft

Liefert ein schreibgeschütztes <code>CSSNumericArray</code> mit allen <code>CSSNumericValue</code>-Argumenten eines CSS-<code>min()</code>-Ausdrucks.

CSSMathNegate Schnittstelle

Stellt im CSS Typed Object Model die Negation (Vorzeichenumkehr) eines <code>CSSNumericValue</code> dar, etwa <code>calc(-(10px + 5%))</code>.

CSSMathNegate.value Eigenschaft

Nur lesbare Eigenschaft, die den <code>CSSNumericValue</code> zurückgibt, der von einem <code>CSSMathNegate</code>-Objekt negiert wird.

CSSMathProduct Schnittstelle

Stellt im CSS Typed OM das Produkt mehrerer <code>CSSNumericValue</code>-Werte dar, etwa <code>calc((10px + 5vw) * 2)</code>, wenn sich das Ergebnis nicht zu einem einzelnen Wert vereinfachen lässt.

CSSMathProduct.values Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSNumericArray</code> mit allen <code>CSSNumericValue</code>-Operanden eines <code>CSSMathProduct</code> (Multiplikation) liefert.

CSSMathSum Schnittstelle

Stellt im CSS Typed OM die Summe von zwei oder mehr <code>CSSNumericValue</code>-Werten dar, wenn das Ergebnis nicht zu einem Einzelwert zusammengefasst werden kann (z. B. <code>calc(100% - 20px)</code>).

CSSMathSum.values Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSNumericArray</code> mit allen Summanden (<code>CSSNumericValue</code>-Objekten) eines <code>CSSMathSum</code>-Ausdrucks zurückgibt.

CSSMathValue Schnittstelle

Abstraktes Basisinterface des CSS Typed OM für berechnete numerische Werte aus <code>calc()</code>, <code>min()</code>, <code>max()</code> und <code>clamp()</code>.

CSSMathValue.operator Eigenschaft

Nur lesbare Zeichenkette, die angibt, welche mathematische Operation ein <code>CSSMathValue</code>-Objekt darstellt, z. B. <code>"sum"</code>, <code>"product"</code> oder <code>"min"</code>.

CSSMatrixComponent Schnittstelle

Stellt im CSS Typed OM eine <code>matrix()</code>- oder <code>matrix3d()</code>-Transformationsfunktion als Objekt mit einer <code>DOMMatrix</code> dar.

CSSMatrixComponent.matrix Eigenschaft

Liest oder setzt das <code>DOMMatrix</code>-Objekt, das die 2D- oder 3D-Transformationsmatrix einer <code>CSSMatrixComponent</code> enthält.

CSSMediaRule Schnittstelle

Das Interface <code>CSSMediaRule</code> steht für eine einzelne CSS-<code>@media</code>-Regel im CSSOM. Man kann damit ihre Medienbedingung und die enthaltenen Regeln lesen und ändern.

CSSMediaRule.media Eigenschaft

Liefert ein schreibgeschütztes <code>MediaList</code>-Objekt mit den Media Queries der zugehörigen <code>@media</code>-Regel.

CSSNamespaceRule Schnittstelle

Stellt eine einzelne CSS-<code>@namespace</code>-Regel im CSSOM dar und gibt Namespace-URI und optionales Präfix nur lesend zurück.

CSSNamespaceRule.namespaceURI Eigenschaft

Schreibgeschützte Eigenschaft, die den Namensraum-URI einer <code>@namespace</code>-Regel als String zurückgibt.

CSSNamespaceRule.prefix Eigenschaft

Liefert als schreibgeschützten String das Präfix, das eine <code>@namespace</code>-Regel an eine Namespace-URI bindet. Hat die Regel kein Präfix (Standard-Namespace), ist der Wert ein leerer String.

CSSNestedDeclarations Schnittstelle

Steht im CSSOM für einen Block einfacher Deklarationen, die innerhalb einer verschachtelten Regel <em>nach</em> oder zwischen verschachtelten Regeln stehen. So bleibt ihre Reihenfolge erhalten.

CSSNestedDeclarations.style Eigenschaft

Gibt ein <code>CSSStyleDeclaration</code>-Objekt mit den Deklarationen zurück, die in einer CSS-Regel nach oder zwischen verschachtelten Regeln stehen.

CSSNumericArray Schnittstelle

Schreibgeschützte, iterierbare Liste von <code>CSSNumericValue</code>-Objekten. Sie enthält die Operanden mathematischer CSS-Ausdrücke wie <code>calc()</code>, <code>min()</code> und <code>max()</code>.

CSSNumericArray.entries() Methode

Gibt einen neuen Array-Iterator zurück, der für jedes Element eines <code>CSSNumericArray</code> ein <code>[index, value]</code>-Paar liefert.

CSSNumericArray.forEach() Methode

Ruft für jeden Wert in einem <code>CSSNumericArray</code> (z. B. die Operanden eines <code>calc()</code>-Ausdrucks) eine Callback-Funktion auf.

CSSNumericArray.keys() Methode

Gibt einen neuen Array-Iterator zurück, der die Indizes (<code>0</code>, <code>1</code>, …) aller Elemente eines <code>CSSNumericArray</code> liefert.

CSSNumericArray.length Eigenschaft

Die schreibgeschützte Eigenschaft <code>length</code> gibt an, wie viele numerische CSS-Werte (<code>CSSNumericValue</code>) ein <code>CSSNumericArray</code> enthält.

CSSNumericArray.values() Methode

Gibt einen neuen Array-Iterator zurück, der nacheinander jeden <code>CSSNumericValue</code> im <code>CSSNumericArray</code> liefert.

CSSNumericValue Schnittstelle

Abstrakte Basisschnittstelle der CSS Typed OM für numerische CSS-Werte. Bietet Rechenoperationen, Einheitenumrechnung und Vergleiche wie <code>add()</code>, <code>to()</code> und <code>equals()</code>.

CSSNumericValue.add() Methode

Addiert einen oder mehrere Zahlenwerte zu einem <code>CSSNumericValue</code> und gibt einen neuen <code>CSSNumericValue</code> zurück, bei gleichen Einheiten direkt als <code>CSSUnitValue</code>.

CSSNumericValue.div() Methode

Teilt einen <code>CSSNumericValue</code> durch eine oder mehrere Zahlen bzw. numerische CSS-Werte und gibt einen neuen <code>CSSNumericValue</code> zurück.

CSSNumericValue.equals() Methode

Prüft, ob der aktuelle <code>CSSNumericValue</code> mit allen übergebenen Werten strukturell exakt übereinstimmt, also in Wert, Einheit und Aufbau. Einheiten werden dabei nicht umgerechnet.

CSSNumericValue.max() Methode

Liefert den größten Wert aus dem aktuellen <code>CSSNumericValue</code> und den übergebenen Werten, als <code>CSSUnitValue</code> oder als <code>CSSMathMax</code>-Ausdruck.

CSSNumericValue.min() Methode

Vergleicht den aktuellen Wert mit den übergebenen Werten und liefert den kleinsten als <code>CSSUnitValue</code> oder als <code>CSSMathMin</code>-Ausdruck zurück.

CSSNumericValue.mul() Methode

Multipliziert einen <code>CSSNumericValue</code> mit einer oder mehreren Zahlen bzw. numerischen CSS-Werten und gibt einen neuen <code>CSSNumericValue</code> zurück.

CSSNumericValue.parse() Methode

Wandelt einen CSS-Zahlenwert als String (z. B. <code>"42px"</code> oder <code>"calc(1px + 2em)"</code>) in ein typisiertes <code>CSSNumericValue</code>-Objekt mit Wert und Einheit um.

CSSNumericValue.sub() Methode

Zieht einen oder mehrere Werte vom <code>CSSNumericValue</code> ab und gibt das Ergebnis als neuen <code>CSSNumericValue</code> zurück (bei Bedarf als <code>calc()</code>-Ausdruck).

CSSNumericValue.to() Methode

Rechnet einen <code>CSSNumericValue</code> in eine andere, kompatible Einheit um und gibt das Ergebnis als neuen <code>CSSUnitValue</code> zurück.

CSSNumericValue.toSum() Methode

Wandelt einen numerischen CSS-Wert in eine <code>CSSMathSum</code> aus <code>CSSUnitValue</code>-Summanden um und verwendet dabei möglichst nur die angegebenen Einheiten.

CSSNumericValue.type() Methode

Gibt ein <code>CSSNumericType</code>-Objekt zurück, das den Einheitentyp eines <code>CSSNumericValue</code> beschreibt, etwa <code>{ length: 1 }</code> für <code>10px</code>.

CSSPageDescriptors Schnittstelle

Stellt den Deklarationsblock einer <code>@page</code>-Regel dar und gibt Lese- und Schreibzugriff auf Seiten-Deskriptoren wie <code>size</code>, <code>margin</code> und <code>page-orientation</code>.

CSSPageRule Schnittstelle

Die Schnittstelle <code>CSSPageRule</code> steht im CSSOM für eine einzelne <code>@page</code>-Regel, mit der sich Seitenränder, Seitengröße und Seitenstile für den Druck festlegen lassen.

CSSPageRule.selectorText Eigenschaft

Liest oder setzt den Seitenselektor einer <code>@page</code>-Regel als Zeichenkette, z. B. <code>:first</code>, <code>:left</code> oder einen benannten Seitentyp.

CSSPageRule.style Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSPageDescriptors</code>-Objekt mit den Deskriptoren (z. B. <code>size</code>, <code>margin</code>) einer <code>@page</code>-Regel liefert.

CSSPerspective Schnittstelle

Stellt im CSS Typed OM die Transformationsfunktion <code>perspective()</code> einer <code>transform</code>-Eigenschaft als typisiertes Objekt dar.

CSSPerspective.length Eigenschaft

Liest oder setzt die Perspektiv-Entfernung eines <code>CSSPerspective</code>-Objekts, also den Abstand des Betrachters von der Ebene z=0, als <code>CSSNumericValue</code>.

CSSPositionTryDescriptors Schnittstelle

Stellt die Deskriptoren im Rumpf einer <code>@position-try</code>-Regel als bearbeitbare Stil-Deklaration dar – erreichbar über <code>CSSPositionTryRule.style</code>.

CSSPositionTryRule Schnittstelle

Stellt eine <code>@position-try</code>-At-Regel im CSSOM dar, also eine benannte Ausweich-Position für per CSS Anchor Positioning verankerte Elemente.

CSSPositionTryRule.name Eigenschaft

Schreibgeschützte Eigenschaft, die den als <code>&lt;dashed-ident&gt;</code> angegebenen Namen einer <code>@position-try</code>-Regel als String liefert, z. B. <code>"--custom-bottom"</code>.

CSSPositionTryRule.style Eigenschaft

Schreibgeschützte Eigenschaft, die ein <code>CSSPositionTryDescriptors</code>-Objekt mit den Deskriptoren einer <code>@position-try</code>-Regel liefert.

CSSPositionValue Schnittstelle

Veraltetes Interface der CSS Typed OM API, das Positionsangaben wie bei <code>object-position</code> als Paar aus <code>x</code>- und <code>y</code>-Wert (<code>CSSNumericValue</code>) darstellt.

CSSPositionValue.x Eigenschaft

Liefert oder setzt die horizontale Komponente eines <code>CSSPositionValue</code> als <code>CSSNumericValue</code>, zum Beispiel <code>CSS.px(10)</code> oder <code>CSS.percent(50)</code>.

CSSPositionValue.y Eigenschaft

Liefert oder setzt die vertikale Komponente eines <code>CSSPositionValue</code> als <code>CSSNumericValue</code>, z. B. für <code>object-position</code>.

CSSPrimitiveValue Schnittstelle

Veraltetes Interface aus DOM Level 2 Style, das einen einzelnen berechneten CSS-Wert (Zahl, Länge, Farbe, String, URL …) samt Einheit darstellt.

CSSPrimitiveValue.getCounterValue() Methode

Gibt den Wert eines CSS-Primitivwerts vom Typ <code>CSS_COUNTER</code> als <code>Counter</code>-Objekt zurück, etwa aus <code>content: counter(item)</code>.

CSSPrimitiveValue.getFloatValue() Methode

Gibt den numerischen Wert eines <code>CSSPrimitiveValue</code> als Gleitkommazahl zurück, umgerechnet in die angegebene Einheit (z. B. <code>CSS_PX</code>).

CSSPrimitiveValue.getRectValue() Methode

Gibt den Wert einer CSS-Eigenschaft vom Typ <code>rect()</code> (z. B. <code>clip</code>) als <code>Rect</code>-Objekt mit den vier Kanten <code>top</code>, <code>right</code>, <code>bottom</code> und <code>left</code> zurück.

CSSPrimitiveValue.getRGBColorValue() Methode

Gibt den Farbwert eines <code>CSSPrimitiveValue</code> als <code>RGBColor</code>-Objekt mit den Komponenten <code>red</code>, <code>green</code> und <code>blue</code> zurück.

CSSPrimitiveValue.getStringValue() Methode

Gibt den Wert eines <code>CSSPrimitiveValue</code> als Zeichenkette zurück, etwa eine URL, einen Bezeichner oder einen String-Wert. Die Methode ist veraltet.

CSSPrimitiveValue.primitiveType Eigenschaft

Schreibgeschützte Eigenschaft, die den Typ eines CSS-Werts als Zahlenkonstante liefert, z. B. <code>CSS_PX</code> oder <code>CSS_PERCENTAGE</code>.

CSSPrimitiveValue.setFloatValue() Methode

Setzt einen numerischen CSS-Wert mit einer bestimmten Einheit, z. B. <code>20px</code> oder <code>1.5em</code>, auf ein <code>CSSPrimitiveValue</code>-Objekt. Die Methode ist veraltet.

CSSPrimitiveValue.setStringValue() Methode

Setzt den Wert eines <code>CSSPrimitiveValue</code> auf einen String-, URI-, Bezeichner- oder <code>attr()</code>-Wert. Veraltet und in aktuellen Browsern nicht mehr verfügbar.

CSSPropertyRule Schnittstelle

Stellt eine einzelne CSS-<code>@property</code>-Regel dar. Über das Objekt lassen sich Name, Syntax, Vererbung und Anfangswert einer registrierten benutzerdefinierten Eigenschaft auslesen.

CSSPropertyRule.inherits Eigenschaft

Schreibgeschützter Boolean, der angibt, ob die per <code>@property</code> registrierte benutzerdefinierte Eigenschaft standardmäßig vererbt wird.

CSSPropertyRule.initialValue Eigenschaft

Schreibgeschützte Eigenschaft, die den Anfangswert (<code>initial-value</code>) einer per <code>@property</code> registrierten benutzerdefinierten Eigenschaft als String oder <code>null</code> liefert.

CSSPropertyRule.name Eigenschaft

Liefert den Namen der mit <code>@property</code> registrierten benutzerdefinierten CSS-Eigenschaft als String, z. B. <code>"--akzentfarbe"</code>. Nur lesbar.

CSSPropertyRule.syntax Eigenschaft

Gibt als schreibgeschützten String die Syntaxbeschreibung (Deskriptor <code>syntax</code>) einer per <code>@property</code> registrierten benutzerdefinierten CSS-Eigenschaft zurück.

CSSPseudoElement Schnittstelle

Das <code>CSSPseudoElement</code>-Interface stellt ein CSS-Pseudoelement wie <code>::before</code> oder <code>::after</code> als eigenes Objekt im DOM dar.

CSSPseudoElement.element Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>Element</code> zurückgibt, von dem ein Pseudo-Element letztlich stammt – auch bei verschachtelten Pseudo-Elementen.

CSSPseudoElement.parent Eigenschaft

Nur lesbare Eigenschaft, die auf das Quell-Element des Pseudo-Elements verweist: ein <code>Element</code> oder bei verschachtelten Pseudo-Elementen ein <code>CSSPseudoElement</code>.

CSSPseudoElement.pseudo() Methode

Gibt ein <code>CSSPseudoElement</code> für ein verschachteltes Pseudo-Element zurück, z. B. <code>::marker</code> innerhalb von <code>::before</code>.

CSSPseudoElement.type Eigenschaft

Schreibgeschützte Zeichenkette mit dem Typ des Pseudo-Elements als CSS-Selektor, z. B. <code>"::before"</code>, <code>"::after"</code> oder <code>"::marker"</code>.

CSSRotate Schnittstelle

Stellt im CSS Typed OM eine <code>rotate()</code>- oder <code>rotate3d()</code>-Funktion der <code>transform</code>-Eigenschaft als typisiertes Objekt dar.

CSSRotate.angle Eigenschaft

Liest oder setzt den Drehwinkel einer <code>CSSRotate</code>-Transformation als <code>CSSNumericValue</code> vom Typ Winkel (z. B. <code>45deg</code>).

CSSRotate.x Eigenschaft

Liest oder setzt die x-Komponente des Vektors, der die Drehachse einer <code>CSSRotate</code>-Transformation (<code>rotate3d()</code>) festlegt.

CSSRotate.y Eigenschaft

Liest oder setzt die y-Komponente des Richtungsvektors, der die Rotationsachse einer <code>CSSRotate</code>-Transformation festlegt.

CSSRotate.z Eigenschaft

Liest oder setzt die z-Komponente des Vektors, der die Rotationsachse einer <code>CSSRotate</code>-Transformation (<code>rotate3d()</code>) festlegt.

CSSRule Schnittstelle

Abstrakte Basisschnittstelle für eine einzelne CSS-Regel im CSSOM, etwa eine Stilregel, <code>@media</code>-, <code>@keyframes</code>- oder <code>@import</code>-Regel.

CSSRule.cssText Eigenschaft

Liefert die serialisierte Textform einer CSS-Regel, etwa <code>.btn { color: red; }</code> oder einen vollständigen <code>@media</code>-Block.

CSSRule.parentRule Eigenschaft

Liefert die übergeordnete Regel (z. B. <code>@media</code> oder <code>@supports</code>), in der die aktuelle CSS-Regel verschachtelt ist, sonst <code>null</code>.

CSSRule.parentStyleSheet Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>CSSStyleSheet</code> zurückgibt, in dem die aktuelle CSS-Regel definiert ist, oder <code>null</code>.

CSSRule.type Eigenschaft

Veraltete, schreibgeschützte Eigenschaft, die als Ganzzahl angibt, welche Art von CSS-Regel (z. B. Stilregel, <code>@media</code>, <code>@import</code>) ein <code>CSSRule</code>-Objekt darstellt.

CSSRuleList Schnittstelle

Eine geordnete, array-ähnliche Sammlung von <code>CSSRule</code>-Objekten, z. B. aus <code>CSSStyleSheet.cssRules</code> oder <code>CSSMediaRule.cssRules</code>.

CSSRuleList.item() Methode

Gibt das <code>CSSRule</code>-Objekt an der angegebenen Position einer <code>CSSRuleList</code> zurück oder <code>null</code>, wenn der Index nicht existiert.

CSSRuleList.length Eigenschaft

Gibt die Anzahl der <code>CSSRule</code>-Objekte in einer <code>CSSRuleList</code> als nicht negative Ganzzahl zurück (nur lesbar).

CSSScale Schnittstelle

Stellt in der CSS Typed Object Model API die Transformationsfunktionen <code>scale()</code> und <code>scale3d()</code> der Eigenschaft <code>transform</code> als typisiertes Objekt dar.

CSSScale.x Eigenschaft

Liest oder setzt den Skalierungsfaktor entlang der x-Achse (Abszisse) einer <code>CSSScale</code>-Transformation als <code>CSSNumericValue</code>.

CSSScale.y Eigenschaft

Liest oder setzt den Skalierungsfaktor entlang der y-Achse einer <code>CSSScale</code>-Transformation als einheitenlosen <code>CSSNumericValue</code>.

CSSScale.z Eigenschaft

Die Eigenschaft <code>z</code> von <code>CSSScale</code> liest oder setzt den Skalierungsfaktor entlang der z-Achse einer <code>scale()</code>- bzw. <code>scale3d()</code>-Transformation.

CSSScopeRule Schnittstelle

Stellt eine CSS-<code>@scope</code>-Regel im CSS Object Model dar und macht Scope-Wurzel (<code>start</code>), Scope-Grenze (<code>end</code>) und die enthaltenen Regeln per Skript zugänglich.

CSSScopeRule.end Eigenschaft

Gibt die Selektorliste des Scope-Limits (<code>to (...)</code>) einer <code>@scope</code>-Regel als String zurück oder <code>null</code>, wenn kein Limit angegeben ist.

CSSScopeRule.start Eigenschaft

Liefert als schreibgeschützten String die Selektorliste der Scope-Root (Wurzel) einer <code>@scope</code>-Regel oder <code>null</code>, wenn keine angegeben ist.

CSSSkew Schnittstelle

Stellt die CSS-Funktion <code>skew()</code> der Eigenschaft <code>transform</code> als typisiertes Objekt mit den Winkeln <code>ax</code> und <code>ay</code> dar.

CSSSkew.ax Eigenschaft

Liest oder setzt den Winkel als <code>CSSNumericValue</code>, um den ein Element in einer <code>CSSSkew</code>-Transformation entlang der x-Achse (Abszisse) verzerrt wird.

CSSSkew.ay Eigenschaft

Liest oder setzt den Winkel, um den ein Element bei einer <code>skew()</code>-Transformation entlang der y-Achse (Ordinate) verzerrt wird.

CSSSkewX Schnittstelle

Stellt im CSS Typed Object Model die Transformationsfunktion <code>skewX()</code> der Eigenschaft <code>transform</code> als eigenes Objekt dar.

CSSSkewX.ax Eigenschaft

Liest oder setzt den Winkel als <code>CSSNumericValue</code>, um den ein <code>CSSSkewX</code>-Objekt ein Element entlang der x-Achse verzerrt.

CSSSkewY Schnittstelle

Stellt die CSS-Funktion <code>skewY()</code> der Eigenschaft <code>transform</code> als typisiertes Objekt mit einem Winkel <code>ay</code> dar.

CSSSkewY.ay Eigenschaft

Liest oder setzt als <code>CSSNumericValue</code> den Winkel, um den ein <code>CSSSkewY</code>-Objekt ein Element entlang der y-Achse (Ordinate) verzerrt.

CSSStartingStyleRule Schnittstelle

Stellt im CSS Object Model eine <code>@starting-style</code>-At-Regel dar, über die man per JavaScript Startwerte für CSS-Übergänge lesen und ändern kann.

CSSStyleDeclaration Schnittstelle

Repräsentiert einen CSS-Deklarationsblock (z. B. <code>element.style</code> oder berechnete Stile) und erlaubt das Lesen, Setzen und Entfernen einzelner CSS-Eigenschaften.

CSSStyleDeclaration.cssFloat Eigenschaft

Liest oder setzt den Wert der CSS-Eigenschaft <code>float</code> und entspricht <code>getPropertyValue("float")</code> bzw. <code>setProperty("float", wert)</code>.

CSSStyleDeclaration.cssText Eigenschaft

Liest oder setzt den gesamten Text einer CSS-Deklarationsliste, z. B. die Inline-Stile eines Elements (<code>element.style.cssText</code>), als einen String.

CSSStyleDeclaration.getPropertyCSSValue() Methode

Veraltete Methode: Gibt den Wert einer CSS-Eigenschaft als <code>CSSValue</code>-Objekt zurück, bei Kurzschreibweisen oder unbekannten Eigenschaften <code>null</code>.

CSSStyleDeclaration.getPropertyPriority() Methode

Gibt die explizit gesetzte Priorität einer CSS-Eigenschaft zurück – <code>"important"</code> bei <code>!important</code>, sonst einen leeren String.

CSSStyleDeclaration.getPropertyValue() Methode

Gibt den Wert einer CSS-Eigenschaft als String zurück. Funktioniert auch für CSS-Custom-Properties (<code>--variable</code>). Ist die Eigenschaft nicht gesetzt, kommt ein leerer String zurück.

CSSStyleDeclaration.item() Methode

Gibt den Namen der CSS-Eigenschaft an Position <code>index</code> einer <code>CSSStyleDeclaration</code> zurück, bei ungültigem Index einen leeren String.

CSSStyleDeclaration.length Eigenschaft

Schreibgeschützte Ganzzahl mit der Anzahl der Deklarationen in einem CSS-Deklarationsblock, z. B. in <code>element.style</code> oder einer CSS-Regel.

CSSStyleDeclaration.parentRule Eigenschaft

Schreibgeschützte Eigenschaft, die die <code>CSSRule</code> liefert, zu der dieser Deklarationsblock gehört, oder <code>null</code>, wenn er zu keiner Regel gehört.

CSSStyleDeclaration.removeProperty() Methode

Entfernt eine CSS-Eigenschaft aus einem <code>CSSStyleDeclaration</code>-Objekt und gibt ihren bisherigen Wert zurück.

CSSStyleDeclaration.setProperty() Methode

Setzt den Wert einer CSS-Eigenschaft (inklusive Custom Properties) in einem <code>CSSStyleDeclaration</code>-Objekt, optional mit <code>!important</code>-Priorität.

CSSStyleProperties Schnittstelle

Stellt die Inline-Styles oder berechneten Styles eines Elements bzw. die Deklarationen einer CSS-Stilregel als Objekt mit einer Eigenschaft pro CSS-Property dar.

CSSStyleProperties.cssFloat Eigenschaft

Liest oder setzt den Wert der CSS-Eigenschaft <code>float</code> eines Stilobjekts, z. B. <code>element.style.cssFloat = "left"</code>.

CSSStyleRule Schnittstelle

Steht für eine einzelne CSS-Stilregel aus Selektor und Deklarationsblock, z. B. <code>.btn { color: red; }</code>, und macht sie per JavaScript les- und änderbar.

CSSStyleRule.selectorText Eigenschaft

Liest oder setzt den Selektor-Text einer CSS-Regel, z. B. <code>.btn:hover, a.active</code>, als serialisierten String.

CSSStyleRule.style Eigenschaft

Liefert ein schreibgeschütztes, aber veränderbares <code>CSSStyleProperties</code>-Objekt mit den Deklarationen im Körper einer CSS-Stilregel.

CSSStyleRule.styleMap Eigenschaft

Liefert ein <code>StylePropertyMap</code>-Objekt, mit dem sich die Deklarationen einer CSS-Stilregel als typisierte Werte lesen und ändern lassen.

CSSStyleSheet Schnittstelle

Stellt ein einzelnes CSS-Stylesheet dar und erlaubt, seine Regeln (<code>cssRules</code>) per JavaScript auszulesen, hinzuzufügen, zu ersetzen und zu löschen.

CSSStyleSheet.addRule() Methode

Veraltete Methode, die eine neue CSS-Regel aus Selektor und Deklarationsblock in ein Stylesheet einfügt. Heute stattdessen <code>insertRule()</code> verwenden.

CSSStyleSheet.cssRules Eigenschaft

Schreibgeschützte Eigenschaft, die eine dynamische <code>CSSRuleList</code> mit allen CSS-Regeln des Stylesheets zurückgibt.

CSSStyleSheet.deleteRule() Methode

Entfernt die Regel an der angegebenen Position aus der <code>cssRules</code>-Liste eines <code>CSSStyleSheet</code>.

CSSStyleSheet.insertRule() Methode

Fügt eine neue CSS-Regel als Zeichenkette an einer bestimmten Position in das Stylesheet ein und gibt den Index der eingefügten Regel zurück.

CSSStyleSheet.ownerRule Eigenschaft

Schreibgeschützte Eigenschaft, die die <code>CSSImportRule</code> liefert, über die das Stylesheet per <code>@import</code> geladen wurde, sonst <code>null</code>.

CSSStyleSheet.removeRule() Methode

Die veraltete Methode <code>removeRule()</code> entfernt die Regel an der angegebenen Position aus einem <code>CSSStyleSheet</code>. Heute nimmt man stattdessen <code>deleteRule()</code>.

CSSStyleSheet.replace() Methode

Ersetzt asynchron den gesamten Inhalt eines konstruierten Stylesheets durch den übergebenen CSS-Text und gibt ein <code>Promise</code> zurück, das mit dem Stylesheet erfüllt wird.

CSSStyleSheet.replaceSync() Methode

Ersetzt synchron alle Regeln eines konstruierten <code>CSSStyleSheet</code> durch den übergebenen CSS-Text; <code>@import</code>-Regeln werden dabei ignoriert.

CSSStyleSheet.rules Eigenschaft

Veraltete, nur lesbare Eigenschaft, die eine live aktualisierte <code>CSSRuleList</code> aller CSS-Regeln eines Stylesheets liefert. Heute nimmt man stattdessen <code>cssRules</code>.

CSSStyleValue Schnittstelle

Basisklasse aller CSS-Werte im CSS Typed Object Model. Bietet die statischen Methoden <code>parse()</code> und <code>parseAll()</code>, um CSS-Text in typisierte Wertobjekte umzuwandeln.

CSSStyleValue.parse() Methode

Wandelt einen CSS-Text für eine bestimmte Eigenschaft in ein typisiertes <code>CSSStyleValue</code>-Objekt um. Bei Listenwerten wird nur der erste Wert zurückgegeben.

CSSStyleValue.parseAll() Methode

Die statische Methode <code>CSSStyleValue.parseAll()</code> wandelt einen CSS-Text für eine Eigenschaft in ein Array typisierter <code>CSSStyleValue</code>-Objekte um, also einen Eintrag pro Listenwert.

CSSStyleValue.toString() Methode

Gibt einen <code>CSSStyleValue</code> als serialisierten, gültigen CSS-Text zurück, z. B. <code>"10px"</code> oder <code>"calc(100% - 2em)"</code>.

CSSSupportsRule Schnittstelle

Das <code>CSSSupportsRule</code>-Interface steht im CSSOM für eine einzelne CSS-At-Regel <code>@supports</code> samt Bedingung und verschachtelten Regeln.

CSSTransformComponent Schnittstelle

Abstraktes Basis-Interface der CSS Typed OM für einzelne Transformationsfunktionen wie <code>translate()</code>, <code>rotate()</code> oder <code>scale()</code>.

CSSTransformComponent.is2D Eigenschaft

Boolesche Eigenschaft, die angibt, ob eine Transform-Komponente als 2D- (<code>true</code>) oder 3D-Transformation (<code>false</code>) gilt. In den meisten Unterklassen auch beschreibbar.

CSSTransformComponent.toMatrix() Methode

Wandelt eine einzelne Transformationsfunktion der CSS Typed OM (z. B. <code>CSSTranslate</code>, <code>CSSRotate</code>) in ein gleichwertiges <code>DOMMatrix</code>-Objekt um.

CSSTransformComponent.toString() Methode

Wandelt eine Transformationskomponente aus dem CSS Typed OM in die passende CSS-Transform-Funktion als String um, z. B. <code>"translate(10px, 20px)"</code>.

CSSTransformValue Schnittstelle

Stellt im CSS Typed OM einen <code>transform</code>-Wert als geordnete, iterierbare Liste von <code>CSSTransformComponent</code>-Objekten dar.

CSSTransformValue.entries() Methode

Gibt einen neuen Array-Iterator zurück, der für jede Transformationskomponente eines <code>CSSTransformValue</code> ein <code>[index, value]</code>-Paar liefert.

CSSTransformValue.forEach() Methode

Ruft eine Callback-Funktion einmal für jede Transformationskomponente (<code>CSSTransformComponent</code>) eines <code>CSSTransformValue</code> auf.

CSSTransformValue.is2D Eigenschaft

Schreibgeschützte Eigenschaft. Sie gibt <code>true</code> zurück, wenn alle Bestandteile eines <code>CSSTransformValue</code> 2D-Transformationen sind, sonst <code>false</code>.

CSSTransformValue.keys() Methode

Gibt einen neuen Array-Iterator zurück, der die Indizes (0, 1, 2, …) aller Transformations-Bausteine eines <code>CSSTransformValue</code> liefert.

CSSTransformValue.length Eigenschaft

Gibt die Anzahl der Transformations-Komponenten (z. B. <code>CSSTranslate</code>, <code>CSSRotate</code>) in einem <code>CSSTransformValue</code> zurück.

CSSTransformValue.toMatrix() Methode

Fasst alle Transformationsschritte eines <code>CSSTransformValue</code> zu einem einzigen <code>DOMMatrix</code>-Objekt zusammen.

CSSTransformValue.values() Methode

Gibt einen neuen Iterator zurück, der nacheinander jede <code>CSSTransformComponent</code> (z. B. <code>CSSTranslate</code>, <code>CSSRotate</code>) eines <code>CSSTransformValue</code> liefert.

CSSTransition Schnittstelle

Stellt eine laufende CSS-Transition als <code>Animation</code>-Objekt dar, damit man sie per JavaScript abfragen, pausieren, verschieben oder abwarten kann.

CSSTransition.transitionProperty Eigenschaft

Nur lesbare Eigenschaft, die den Namen der CSS-Eigenschaft liefert, die eine <code>CSSTransition</code> gerade animiert – immer als Einzeleigenschaft, z. B. <code>"margin-left"</code>.

CSSTranslate Schnittstelle

Stellt im CSS Typed Object Model eine <code>translate()</code>- bzw. <code>translate3d()</code>-Transformationsfunktion als typisiertes Objekt mit <code>x</code>, <code>y</code> und <code>z</code> dar.

CSSTranslate.x Eigenschaft

Liest oder setzt die x-Komponente (Abszisse) des Verschiebungsvektors einer <code>CSSTranslate</code>-Transformation als <code>CSSNumericValue</code>.

CSSTranslate.y Eigenschaft

Liest oder setzt den y-Anteil (Ordinate) des Verschiebungsvektors einer <code>CSSTranslate</code>-Transformation als <code>CSSNumericValue</code>.

CSSTranslate.z Eigenschaft

Liest oder setzt die z-Komponente (Tiefe) einer <code>translate()</code>- bzw. <code>translate3d()</code>-Transformation als <code>CSSNumericValue</code>.

CSSUnitValue Schnittstelle

Stellt in der CSS Typed OM einen numerischen CSS-Wert mit genau einer Einheit dar, z. B. <code>42px</code>, <code>50%</code> oder <code>1.5</code> (einheitslos).

CSSUnitValue.unit Eigenschaft

Schreibgeschützte Eigenschaft, die die Einheit eines <code>CSSUnitValue</code> als String liefert, z. B. <code>"px"</code>, <code>"em"</code>, <code>"percent"</code> oder <code>"number"</code>.

CSSUnitValue.value Eigenschaft

Die Eigenschaft <code>value</code> von <code>CSSUnitValue</code> enthält den Zahlenwert eines CSS-Werts, also die Anzahl der Einheiten, etwa <code>42</code> bei <code>42px</code>.

CSSUnparsedValue Schnittstelle

Stellt im CSS Typed OM einen CSS-Wert dar, der nicht weiter geparst werden kann, etwa den Wert einer Custom Property oder einen Ausdruck mit <code>var()</code>.

CSSUnparsedValue.entries() Methode

Gibt einen neuen Array-Iterator zurück, der für jedes Segment eines <code>CSSUnparsedValue</code> ein <code>[index, value]</code>-Paar liefert.

CSSUnparsedValue.forEach() Methode

Ruft eine Callback-Funktion einmal für jedes Segment (Zeichenkette oder <code>CSSVariableReferenceValue</code>) eines <code>CSSUnparsedValue</code> auf.

CSSUnparsedValue.keys() Methode

Gibt einen neuen Array-Iterator zurück, der die Indizes (0, 1, 2 …) aller Segmente eines <code>CSSUnparsedValue</code> liefert.

CSSUnparsedValue.length Eigenschaft

Gibt die Anzahl der Fragmente (Zeichenketten und <code>CSSVariableReferenceValue</code>-Objekte) in einem <code>CSSUnparsedValue</code> zurück. Nur lesbar.

CSSUnparsedValue.values() Methode

Gibt einen neuen Array-Iterator zurück, der alle Bestandteile (Zeichenketten und <code>CSSVariableReferenceValue</code>-Objekte) eines <code>CSSUnparsedValue</code> liefert.

CSSValue Schnittstelle

Veraltetes Interface aus DOM Level 2 Style, das den berechneten Wert einer CSS-Eigenschaft als Objekt mit <code>cssText</code> und <code>cssValueType</code> darstellt.

CSSValue.cssText Eigenschaft

Liefert den Wert eines <code>CSSValue</code>-Objekts als CSS-Textstring, z. B. den berechneten Wert einer CSS-Eigenschaft wie <code>"16px"</code>.

CSSValue.cssValueType Eigenschaft

Schreibgeschützte Eigenschaft, die als Zahlenkonstante angibt, welcher Art ein <code>CSSValue</code> ist: geerbt, primitiv, Werteliste oder benutzerdefiniert.

CSSValueList Schnittstelle

Veraltetes Interface aus DOM Level 2 Style, das eine geordnete Liste von <code>CSSValue</code>-Objekten darstellt, etwa die Einzelwerte von <code>font-family</code>.

CSSValueList.item() Methode

Gibt den <code>CSSValue</code> an der angegebenen Position einer <code>CSSValueList</code> zurück oder <code>null</code>, wenn der Index außerhalb des gültigen Bereichs liegt.

CSSValueList.length Eigenschaft

Schreibgeschützte Eigenschaft, die die Anzahl der <code>CSSValue</code>-Objekte in einer <code>CSSValueList</code> angibt.

CSSVariableReferenceValue Schnittstelle

Stellt im CSS Typed OM einen Verweis auf eine CSS-Custom-Property dar, also einen Ausdruck wie <code>var(--name, fallback)</code>.

CSSVariableReferenceValue.fallback Eigenschaft

Nur lesbare Eigenschaft, die den Fallback-Wert einer <code>var()</code>-Referenz als <code>CSSUnparsedValue</code> liefert – oder <code>null</code>, wenn kein Fallback angegeben ist.

CSSVariableReferenceValue.variable Eigenschaft

Liest oder setzt den Namen der benutzerdefinierten CSS-Eigenschaft (z. B. <code>--brand-color</code>), auf die ein <code>var()</code>-Verweis im CSS Typed OM zeigt.

CSSViewTransitionRule Schnittstelle

Stellt eine CSS-At-Regel <code>@view-transition</code> im CSSOM dar. Darüber lässt sich auslesen, ob seitenübergreifende View Transitions aktiviert sind und welche Typen gelten.

CSSViewTransitionRule.navigation Eigenschaft

Schreibgeschützte Eigenschaft, die den Wert des <code>navigation</code>-Deskriptors einer <code>@view-transition</code>-Regel als String liefert, z. B. <code>"auto"</code> oder <code>"none"</code>.

CSSViewTransitionRule.types Eigenschaft

Liefert schreibgeschützt ein Array mit den Werten des <code>types</code>-Deskriptors der zugehörigen <code>@view-transition</code>-At-Regel.

CustomElementRegistry Schnittstelle

Registriert benutzerdefinierte Elemente (Custom Elements) und fragt registrierte Elemente ab. Die globale Instanz erreicht man über <code>window.customElements</code>.

CustomElementRegistry.define() Methode

Registriert ein benutzerdefiniertes Element: Der Tag-Name wird mit einer Klasse verknüpft, die von <code>HTMLElement</code> oder einem eingebauten Element erbt.

CustomElementRegistry.get() Methode

Gibt den Konstruktor eines zuvor mit <code>customElements.define()</code> registrierten benutzerdefinierten Elements zurück oder <code>undefined</code>, falls keiner existiert.

CustomElementRegistry.getName() Methode

Gibt den Tag-Namen zurück, unter dem ein Konstruktor als benutzerdefiniertes Element registriert wurde, oder <code>null</code>, wenn er nicht registriert ist.

CustomElementRegistry.initialize() Methode

Verknüpft das Register mit einem DOM-Teilbaum: Allen Elementen in <code>root</code>, die noch kein Register haben, wird dieses Register zugewiesen und sie werden anschließend aktualisiert (upgrade).

CustomElementRegistry.upgrade() Methode

Wertet alle benutzerdefinierten Elemente im Unterbaum von <code>root</code> einschließlich Shadow Roots sofort auf, auch wenn der Baum noch nicht im Dokument hängt.

CustomElementRegistry.whenDefined() Methode

Gibt ein Promise zurück, das erfüllt wird, sobald ein Custom Element mit dem angegebenen Namen per <code>customElements.define()</code> registriert ist.

CustomEvent Schnittstelle

Ein <code>Event</code>, das über die Eigenschaft <code>detail</code> beliebige anwendungsspezifische Daten an Listener weitergibt.

CustomEvent.detail Eigenschaft

Die schreibgeschützte Eigenschaft <code>detail</code> liefert die Nutzdaten, die beim Erzeugen eines <code>CustomEvent</code> im Options-Objekt übergeben wurden.

CustomEvent.initCustomEvent() Methode

Initialisiert ein per <code>document.createEvent("CustomEvent")</code> erzeugtes <code>CustomEvent</code>-Objekt mit Typ, Bubbling-, Abbrechbarkeits-Verhalten und Nutzdaten (<code>detail</code>).

CustomStateSet Schnittstelle

Set-ähnliche Menge benutzerdefinierter Zustände eines autonomen Custom Elements, die per CSS-Pseudoklasse <code>:state()</code> abgefragt werden können.

CustomStateSet.add() Methode

Fügt einem <code>CustomStateSet</code> einen benutzerdefinierten Zustand hinzu, den man per CSS mit der Pseudoklasse <code>:state()</code> abfragen kann.

CustomStateSet.clear() Methode

Entfernt alle benutzerdefinierten Zustände aus einem <code>CustomStateSet</code>, sodass keine <code>:state()</code>-Pseudoklasse mehr auf das Element passt.

CustomStateSet.delete() Methode

Entfernt einen benutzerdefinierten Zustand aus dem <code>CustomStateSet</code> eines Custom Elements und gibt zurück, ob der Wert vorhanden war.

CustomStateSet.entries() Methode

Gibt einen neuen Iterator zurück, der für jeden benutzerdefinierten Zustand eines <code>CustomStateSet</code> ein Array <code>[value, value]</code> liefert, und zwar in Einfügereihenfolge.

CustomStateSet.forEach() Methode

Führt eine Callback-Funktion einmal für jeden benutzerdefinierten Zustand im <code>CustomStateSet</code> aus, und zwar in Einfügereihenfolge.

CustomStateSet.has() Methode

Prüft, ob ein benutzerdefiniertes Element gerade einen bestimmten Custom State (z. B. <code>"checked"</code>) in seinem <code>CustomStateSet</code> hat, und gibt <code>true</code> oder <code>false</code> zurück.

CustomStateSet.keys() Methode

Gibt einen neuen Iterator über alle Zustände eines <code>CustomStateSet</code> in Einfügereihenfolge zurück – ein Alias für <code>CustomStateSet.values()</code>.

CustomStateSet.size Eigenschaft

Gibt die Anzahl der benutzerdefinierten Zustände zurück, die aktuell im <code>CustomStateSet</code> eines Custom Elements gesetzt sind.

CustomStateSet.values() Methode

Gibt einen neuen Iterator zurück, der alle benutzerdefinierten Zustände eines <code>CustomStateSet</code> in Einfügereihenfolge liefert.