Skip to content

Commit

Permalink
chore(de): translate diff [2024-11-13]
Browse files Browse the repository at this point in the history
Machine translation from English using gpt-4o-2024-08-06.

Source: https://github.com/mdn/content/tree/c6e02b5aa7c12f9e64f80a62f75ede8f5cb5ec21

System prompt:

```md
You are tasked with translating MDN Web Docs content from English to German.

Ensure that the translation is accurate, preserves technical terminology, and follows the rules provided below.

# Rules for Translation

1. Format:

   - The input is a Markdown file.
   - The output should be a Markdown file.
   - Return the raw output, without wrapping it in a Markdown code block.
   - Keep GFM alert syntax untranslated, such as `> [!NOTE]`, `> [!WARNING]`, and `> [!CALLOUT]`.
   - If the input contains HTML tags wrapped in backticks (e.g. `<video>`), make sure they are wrapped in the output.

2. Language:

   - Prefer formal language ("Sie") over informal language ("du").

3. Code blocks:

   - Do not translate code blocks.
   - Do not translate terms wrapped in backticks.

4. Macro calls:

   - MDN uses macros for dynamic content insertion. These macros must remain **unchanged** and not translated.
   - Macro calls start with `{{`, followed by the macro name, optional parameters, and end with `}}`.
   - Avoid invalid macro calls by ensuring curly braces, parentheses, and quotes are closed properly.

5. Technical terms and code snippets in text:

   - Keep technical terms like element names, attributes, and method names in **English**. Only translate the surrounding descriptive text.

6. Links and References:

   - Translate link descriptions, but keep the URLs and their structure intact.
   - Do not change the locale in URLs.

7. Glossary:

   - "Browser compatibility" => "Browser-Kompatibilität"
   - "Guide" => "Leitfaden"
   - "How to" => "Anleitung"

# Translation Scope

Translate the following Markdown content from **English** to **German** while adhering to the rules above.
```
  • Loading branch information
mdn-bot committed Nov 13, 2024
1 parent aa30288 commit ba8f165
Show file tree
Hide file tree
Showing 49 changed files with 5,481 additions and 1,331 deletions.
14 changes: 8 additions & 6 deletions files/de/glossary/browsing_context/index.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,21 @@
---
title: Browsing context
title: Browsing Context
slug: Glossary/Browsing_context
l10n:
sourceCommit: 50e5edd07155de2eec2a8b6b2ad95820748cfec7
sourceCommit: 070ea0f4ceb3264e21253f63647e12a09bbdfd60
---

{{GlossarySidebar}}

Ein **Browsing-Kontext** ist eine Umgebung, in der ein Browser ein [`Document`](/de/docs/Web/API/Document) anzeigt. In modernen Browsern ist dies in der Regel ein _Tab_, kann aber auch ein _Fenster_ oder sogar nur Teile einer Seite wie ein _Frame_ oder ein _iframe_ sein.
Ein **browsing context** ist eine Umgebung, in der ein Browser ein [`Document`](/de/docs/Web/API/Document) anzeigt. In modernen Browsern ist dies normalerweise ein _Tab_, aber es kann auch ein _Fenster_, ein _Popup_, eine [Webanwendung](/de/docs/Web/Progressive_web_apps) oder sogar ein Teil einer Seite wie ein _Frame_ oder ein _iframe_ sein.

Jeder Browsing-Kontext hat einen Ursprung (den des aktiven Dokuments) und eine gereihte Historie der zuvor angezeigten Dokumente.
Jeder Browsing-Kontext hat einen Ursprung (den des aktiven Dokuments) und eine geordnete Historie zuvor angezeigter Dokumente. Die Kommunikation und Ressourcenteilung zwischen Browsing-Kontexten ist eingeschränkt, insbesondere zwischen Cross-Origin-Kontexten. Zum Beispiel kann ein [`BroadcastChannel`](/de/docs/Web/API/BroadcastChannel) nur geöffnet und verwendet werden, um zwischen Kontexten mit dem gleichen Ursprung zu kommunizieren.

Die Kommunikation zwischen Browsing-Kontexten ist stark eingeschränkt. Zwischen Browsing-Kontexten desselben Ursprungs kann ein [`BroadcastChannel`](/de/docs/Web/API/BroadcastChannel) geöffnet und verwendet werden.
Ein Browsing-Kontext kann Teil einer **Browsing-Kontext-Gruppe** sein, die eine Menge von **Browsing-Kontexten** ist, die gemeinsame Kontexte wie Historie, Cookies, Speichermechanismen und so weiter teilen. Die Browsing-Kontexte innerhalb einer Gruppe behalten Referenzen zueinander und können daher die globalen Objekte des jeweils anderen inspizieren und sich gegenseitig Nachrichten senden.

Standardmäßig wird ein Dokument, das von einer Browserkontextgruppe geöffnet wird, in derselben Gruppe geöffnet, unabhängig davon, ob es zielgleich oder Cross-Origin ist. Der {{httpheader("Cross-Origin-Opener-Policy")}} kann verwendet werden, um zu steuern, ob das Dokument stattdessen in einer eigenen neuen Browsing-Kontext-Gruppe geöffnet und von anderen Kontexten (insbesondere Cross-Origin-Kontexten) [Cross-Origin Isolated](/de/docs/Web/API/Window/crossOriginIsolated) wird. Dies kann das Risiko von Cross-Origin-Angriffen und den Seitenkanalangriffen, die als [XS-Leaks](https://xsleaks.dev/) bezeichnet werden, mindern.

## Siehe auch

- Verwandte Glossarbegriffe:
- {{Glossary("Origin", "Origin")}}
- {{Glossary("Origin", "Ursprung")}}
30 changes: 17 additions & 13 deletions files/de/mozilla/firefox/releases/133/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
title: Firefox 133 für Entwickler
slug: Mozilla/Firefox/Releases/133
l10n:
sourceCommit: 0c9a26accb155e592a69ce8eec93fe16c2887886
sourceCommit: 18bf3fc4b2dbccc44e2df1bebc316c1fb10fb214
---

{{FirefoxSidebar}}

Dieser Artikel bietet Informationen über die Änderungen in Firefox 133, die Entwickler betreffen. Firefox 133 ist die aktuelle [Beta-Version von Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) und wird am [26. November 2024](https://whattrainisitnow.com/release/?version=133) veröffentlicht.
Dieser Artikel bietet Informationen über die Änderungen in Firefox 133, die Entwickler betreffen. Firefox 133 ist die aktuelle [Beta-Version von Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) und erscheint am [26. November 2024](https://whattrainisitnow.com/release/?version=133).

## Änderungen für Webentwickler

Expand All @@ -23,13 +23,13 @@ Dieser Artikel bietet Informationen über die Änderungen in Firefox 133, die En

### JavaScript

- Unterstützung für Methoden von {{jsxref("Uint8Array")}}, um Konvertierungen zwischen {{Glossary("base64", "base64")}}- und hex-codierten Zeichenfolgen sowie Byte-Arrays zu erleichtern. ([Firefox-Bug 1917885](https://bugzil.la/1917885) und [Firefox-Bug 1862220](https://bugzil.la/1862220)).
- Unterstützung für die Methoden von {{jsxref("Uint8Array")}}, um die Umwandlungen zwischen {{Glossary("base64", "base64")}}- und hex-kodierten Zeichenfolgen und Byte-Arrays zu erleichtern. ([Firefox Fehler 1917885](https://bugzil.la/1917885) und [Firefox Fehler 1862220](https://bugzil.la/1862220)).

Die neuen Methoden umfassen:

- Die statischen Methoden {{jsxref("Uint8Array.fromBase64()")}} und {{jsxref("Uint8Array.fromHex()")}} zur Konstruktion eines neuen `Uint8Array`-Objekts aus einer base64- bzw. hex-codierten Zeichenfolge.
- Die Instanzmethoden {{jsxref("Uint8Array.prototype.setFromBase64()")}} und {{jsxref("Uint8Array.prototype.setFromHex()")}}, um ein bestehendes `Uint8Array`-Objekt mit Bytes aus einer base64- oder hex-codierten Zeichenfolge zu füllen.
- Die Instanzmethoden {{jsxref("Uint8Array.prototype.toBase64()")}} und {{jsxref("Uint8Array.prototype.toHex()")}}, die eine base64- bzw. hex-codierte Zeichenfolge aus den Daten in einem `Uint8Array`-Objekt zurückgeben.
- {{jsxref("Uint8Array.fromBase64()")}} und {{jsxref("Uint8Array.fromHex()")}} statische Methoden, um ein neues `Uint8Array`-Objekt aus einer base64- und hex-kodierten Zeichenfolge zu erstellen.
- {{jsxref("Uint8Array.prototype.setFromBase64()")}}, und {{jsxref("Uint8Array.prototype.setFromHex()")}} Instanzmethoden, um ein bestehendes `Uint8Array`-Objekt mit Bytes aus einer base64- oder hex-kodierten Zeichenfolge zu füllen.
- {{jsxref("Uint8Array.prototype.toBase64()")}} und {{jsxref("Uint8Array.prototype.toHex()")}} Instanzmethoden, die eine base64- und hex-kodierte Zeichenfolge aus den Daten in einem `Uint8Array`-Objekt zurückgeben.

#### Entfernungen

Expand All @@ -47,13 +47,13 @@ Dieser Artikel bietet Informationen über die Änderungen in Firefox 133, die En

### APIs

- Die [`WorkerNavigator.permissions`](/de/docs/Web/API/WorkerNavigator/permissions) Eigenschaft wird jetzt unterstützt, wodurch die [Permissions API](/de/docs/Web/API/Permissions_API) sowohl in [Arbeitern](/de/docs/Web/API/Web_Workers_API) als auch im Hauptfenster-Thread genutzt werden kann. ([Firefox-Bug 1193373](https://bugzil.la/1193373)).
- Die [`EventSource`](/de/docs/Web/API/EventSource) Schnittstelle zur Behandlung von [server-sent events](/de/docs/Web/API/Server-sent_events) wird jetzt in [Service Workers](/de/docs/Web/API/Service_Worker_API) unterstützt. ([Firefox-Bug 1681218](https://bugzil.la/1681218)).
- Die [`ImageDecoder`](/de/docs/Web/API/ImageDecoder), [`ImageTrackList`](/de/docs/Web/API/ImageTrackList) und [`ImageTrack`](/de/docs/Web/API/ImageTrack) Schnittstellen der [WebCodecs API](/de/docs/Web/API/WebCodecs_API) werden jetzt unterstützt und ermöglichen das Dekodieren von Bildern sowohl im Haupt- als auch in Arbeitsthreads. ([Firefox-Bug 1923755](https://bugzil.la/1923755)).
- Die [`WorkerNavigator.permissions`](/de/docs/Web/API/WorkerNavigator/permissions) Eigenschaft wird jetzt unterstützt und ermöglicht es, die [Permissions API](/de/docs/Web/API/Permissions_API) sowohl in [Workers](/de/docs/Web/API/Web_Workers_API) als auch im Hauptfenster-Thread zu verwenden. ([Firefox Fehler 1193373](https://bugzil.la/1193373)).
- Die [`EventSource`](/de/docs/Web/API/EventSource) Schnittstelle zur Verarbeitung von [Server-sent events](/de/docs/Web/API/Server-sent_events) wird jetzt in [Service Workers](/de/docs/Web/API/Service_Worker_API) unterstützt. ([Firefox Fehler 1681218](https://bugzil.la/1681218)).
- Die Schnittstellen [`ImageDecoder`](/de/docs/Web/API/ImageDecoder), [`ImageTrackList`](/de/docs/Web/API/ImageTrackList) und [`ImageTrack`](/de/docs/Web/API/ImageTrack) der [WebCodecs API](/de/docs/Web/API/WebCodecs_API) werden jetzt unterstützt und ermöglichen das Dekodieren von Bildern aus den Haupt- und Worker-Threads. ([Firefox Fehler 1923755](https://bugzil.la/1923755)).

#### DOM

#### Medien, WebRTC und Web Audio
#### Media, WebRTC, und Web Audio

#### Entfernungen

Expand All @@ -71,15 +71,19 @@ Dieser Artikel bietet Informationen über die Änderungen in Firefox 133, die En

## Änderungen für Add-on-Entwickler

- Ein Fehler in der {{WebExtAPIRef("declarativeNetRequest")}} API wurde behoben, der die Registrierung von Regeln nach einem Browser-Neustart verhinderte ([Firefox-Bug 1921353](https://bugzil.la/1921353)). Dieser Fehler betraf Erweiterungen, die auf {{WebExtAPIRef("declarativeNetRequest.updateDynamicRules")}} oder {{WebExtAPIRef("declarativeNetRequest.updateEnabledRulesets")}} angewiesen sind. Diese Korrektur wurde auch auf Firefox ESR 128.5 und Firefox ESR 115.18 zurückportiert.
- Ein Fehler in der {{WebExtAPIRef("declarativeNetRequest")}} API wurde behoben, der die Registrierung von Regeln nach einem Browser-Neustart verhinderte ([Firefox Fehler 1921353](https://bugzil.la/1921353)). Dieser Fehler betraf Erweiterungen, die sich auf {{WebExtAPIRef("declarativeNetRequest.updateDynamicRules")}} oder {{WebExtAPIRef("declarativeNetRequest.updateEnabledRulesets")}} verlassen. Dieser Fix wurde auch auf Firefox ESR 128.5 und Firefox ESR 115.18 zurückportiert.

### Entfernungen

### Sonstiges

## Experimentelle Web-Funktionen
## Experimentelle Web-Features

Diese Funktionen sind neu in Firefox 133 enthalten, aber standardmäßig deaktiviert. Um mit ihnen zu experimentieren, suchen Sie die entsprechende Einstellung auf der `about:config` Seite und setzen Sie sie auf `true`. Weitere solcher Funktionen finden Sie auf der Seite [Experimentelle Funktionen](/de/docs/Mozilla/Firefox/Experimental_features).
Diese Funktionen sind neu in Firefox 133 integriert, aber standardmäßig deaktiviert. Um mit diesen zu experimentieren, suchen Sie die entsprechende Einstellung auf der `about:config`-Seite und setzen Sie diese auf `true`. Weitere solcher Funktionen finden Sie auf der Seite [Experimentelle Funktionen](/de/docs/Mozilla/Firefox/Experimental_features).

- **contenteditable plaintext-only Wert:** `dom.element.contenteditable.plaintext-only.enabled`.

Der `plaintext-only` Wert des globalen Attributs [`contenteditable`](/de/docs/Web/HTML/Global_attributes/contenteditable) gibt an, dass das Element bearbeitbar ist; Rich-Text-Formatierung ist deaktiviert und jede Formatierung in eingefügtem Text wird automatisch entfernt. ([Firefox Fehler 1922723](https://bugzil.la/1922723).)

## Ältere Versionen

Expand Down
17 changes: 9 additions & 8 deletions files/de/web/api/css_object_model/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
title: CSS Object Model (CSSOM)
slug: Web/API/CSS_Object_Model
l10n:
sourceCommit: ed3538854887ae7ee6faebc94800295a74b325f5
sourceCommit: 5e3cb7c4405256c4ad004986bbff622777b664b6
---

{{DefaultAPISidebar("CSSOM")}}

Das **CSS Object Model** ist eine Sammlung von APIs, die die Manipulation von CSS über JavaScript ermöglichen. Es ist ähnlich wie das DOM, aber für CSS statt für HTML. Es ermöglicht Benutzern, CSS-Stile dynamisch zu lesen und zu modifizieren.
Das **CSS Object Model** ist eine Sammlung von APIs, die die Manipulation von CSS mittels JavaScript ermöglichen. Es ist ähnlich dem DOM, aber für CSS statt HTML. Es erlaubt den Nutzern, CSS-Stile dynamisch zu lesen und zu modifizieren.

Die Werte von CSS werden ungetypt dargestellt, das heißt, es werden {{JSxRef("String")}}-Objekte verwendet.
Die Werte von CSS werden unverändert dargestellt, das heißt, sie verwenden {{JSxRef("String")}} Objekte.

## Referenz

Expand Down Expand Up @@ -38,6 +38,7 @@ Die Werte von CSS werden ungetypt dargestellt, das heißt, es werden {{JSxRef("S
- [`CSSStyleSheet`](/de/docs/Web/API/CSSStyleSheet)
- [`CSSStyleRule`](/de/docs/Web/API/CSSStyleRule)
- [`CSSSupportsRule`](/de/docs/Web/API/CSSSupportsRule)
- [`CSSNestedDeclarations`](/de/docs/Web/API/CSSNestedDeclarations)
- [`FontFace`](/de/docs/Web/API/FontFace)
- [`FontFaceSet`](/de/docs/Web/API/FontFaceSet)
- [`FontFaceSetLoadEvent`](/de/docs/Web/API/FontFaceSetLoadEvent)
Expand All @@ -49,9 +50,9 @@ Die Werte von CSS werden ungetypt dargestellt, das heißt, es werden {{JSxRef("S
- [`StyleSheetList`](/de/docs/Web/API/StyleSheetList)
- [`TransitionEvent`](/de/docs/Web/API/TransitionEvent)

Mehrere andere Schnittstellen werden ebenfalls durch die CSSOM-bezogenen Spezifikationen erweitert: [`Document`](/de/docs/Web/API/Document), [`Window`](/de/docs/Web/API/Window), [`Element`](/de/docs/Web/API/Element), [`HTMLElement`](/de/docs/Web/API/HTMLElement), [`HTMLImageElement`](/de/docs/Web/API/HTMLImageElement), [`Range`](/de/docs/Web/API/Range), [`MouseEvent`](/de/docs/Web/API/MouseEvent) und [`SVGElement`](/de/docs/Web/API/SVGElement).
Mehrere andere Schnittstellen werden auch durch die CSSOM-bezogenen Spezifikationen erweitert: [`Document`](/de/docs/Web/API/Document), [`Window`](/de/docs/Web/API/Window), [`Element`](/de/docs/Web/API/Element), [`HTMLElement`](/de/docs/Web/API/HTMLElement), [`HTMLImageElement`](/de/docs/Web/API/HTMLImageElement), [`Range`](/de/docs/Web/API/Range), [`MouseEvent`](/de/docs/Web/API/MouseEvent), und [`SVGElement`](/de/docs/Web/API/SVGElement).

### CSS Typed Object Model
### Getipptes CSS-Objektmodell

- [`CSSImageValue`](/de/docs/Web/API/CSSImageValue)
- [`CSSKeywordValue`](/de/docs/Web/API/CSSKeywordValue)
Expand Down Expand Up @@ -90,9 +91,9 @@ Mehrere andere Schnittstellen werden ebenfalls durch die CSSOM-bezogenen Spezifi
- [`CSSValue`](/de/docs/Web/API/CSSValue) {{deprecated_inline}}
- [`CSSValueList`](/de/docs/Web/API/CSSValueList) {{deprecated_inline}}

## Tutorials
## Anleitungen

- [Bestimmen der Dimensionen von Elementen](/de/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements)
- [Bestimmen der Abmessungen von Elementen](/de/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements)
- [Verwalten der Bildschirmorientierung](/de/docs/Web/API/CSS_Object_Model/Managing_screen_orientation)

## Spezifikationen
Expand All @@ -101,7 +102,7 @@ Mehrere andere Schnittstellen werden ebenfalls durch die CSSOM-bezogenen Spezifi

## Browser-Kompatibilität

All diese Funktionen wurden im Laufe der Jahre nach und nach zu den verschiedenen Browsern hinzugefügt: Es war ein recht komplizierter Prozess, der nicht in einer einfachen Tabelle zusammengefasst werden kann. Bitte beziehen Sie sich auf die spezifischen Schnittstellen für deren Verfügbarkeit.
Alle diese Funktionen wurden im Laufe der Jahre nach und nach zu den verschiedenen Browsern hinzugefügt: Es war ein recht komplexer Prozess, der sich nicht in einer einfachen Tabelle zusammenfassen lässt. Bitte beziehen Sie sich auf die spezifischen Schnittstellen für deren Verfügbarkeit.

## Siehe auch

Expand Down
83 changes: 83 additions & 0 deletions files/de/web/api/cssnesteddeclarations/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
---
title: CSSNestedDeclarations
slug: Web/API/CSSNestedDeclarations
l10n:
sourceCommit: 5e3cb7c4405256c4ad004986bbff622777b664b6
---

{{APIRef("CSSOM")}}

Die **`CSSNestedDeclarations`**-Schnittstelle der [CSS Rule API](/de/docs/Web/API/CSSRule) wird verwendet, um verschachtelte [`CSSRule`](/de/docs/Web/API/CSSRule)s zu gruppieren.

Die Schnittstelle ermöglicht es dem [CSS Object Model (CSSOM](/de/docs/Web/API/CSS_Object_Model), die Struktur von CSS-Dokumenten mit verschachtelten CSS-Regeln zu spiegeln und sicherzustellen, dass Regeln in der Reihenfolge geparst und ausgewertet werden, in der sie deklariert sind.

> [!NOTE] > [Browser-Versionen](#browser-kompatibilität), die diese Schnittstelle nicht unterstützen, könnten verschachtelte Regeln in der falschen Reihenfolge parsen.
{{InheritanceDiagram}}

## Instanz-Eigenschaften

_Erbt Eigenschaften von seinem Vorfahren [`CSSRule`](/de/docs/Web/API/CSSRule)._

- [`CSSNestedDeclarations.style`](/de/docs/Web/API/CSSNestedDeclarations/style) {{ReadOnlyInline}}
- : Gibt die Werte der verschachtelten Regeln zurück.

## Instanz-Methoden

_Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren [`CSSRule`](/de/docs/Web/API/CSSRule)._

## Beispiele

### CSS

Der folgende CSS-Code enthält einen Selektor `.foo`, der zwei Deklarationen und eine Medienabfrage enthält.

```css
.foo {
background-color: silver;
@media (screen) {
color: tomato;
}
color: black;
}
```

Dies wird durch eine Anzahl von JavaScript-Objekten im [CSS Object Model](/de/docs/Web/API/CSS_Object_Model) dargestellt:

- Ein [`CSSStyleRule`](/de/docs/Web/API/CSSStyleRule)-Objekt, das die Regel `background-color: silver` darstellt.
Dies kann über `document.styleSheets[0].cssRules[0]` zurückgegeben werden.
- Ein [`CSSMediaRule`](/de/docs/Web/API/CSSMediaRule)-Objekt, das die Regel `@media (screen)` darstellt und über `document.styleSheets[0].cssRules[0].cssRules[0]` zurückgegeben werden kann.
- Das `CSSMediaRule`-Objekt enthält ein `CSSNestedDeclaration`-Objekt, das die Regel `color: tomato` darstellt, die durch die Regel `@media (screen)` verschachtelt ist.
Dies kann über `document.styleSheets[0].cssRules[0].cssRules[0].cssRules[0]` zurückgegeben werden.
- Die letzte Regel ist ein `CSSNestedDeclaration`-Objekt, das die Regel `color: black` im Stylesheet darstellt und über `document.styleSheets[0].cssRules[0].cssRules[1]` zurückgegeben werden kann.

> [!NOTE]
> Alle Top-Level-Stile nach der ersten `CSSNestedDeclaration` müssen ebenfalls als `CSSNestedDeclaration`-Objekte dargestellt werden, um die [CSS-Nesting-Regel](/de/docs/Web/CSS/CSS_nesting/Using_CSS_nesting#nested_declarations_rule) zu befolgen.

### CSSOM (CSS Object Model)

```txt
↳ CSSStyleRule
.style
- background-color: silver
↳ CSSMediaRule
↳ CSSNestedDeclarations
.style (CSSStyleDeclaration, 1) =
- color: tomato
↳ CSSNestedDeclarations
.style (CSSStyleDeclaration, 1) =
- color: black
```

## Spezifikationen

{{Specifications}}

## Browser-Kompatibilität

{{Compat}}

## Siehe auch

- [`CSSNestedDeclarations.style`](/de/docs/Web/API/CSSNestedDeclarations/style)
- [Die Verschachtelte Deklarationen Regel](/de/docs/Web/CSS/CSS_nesting/Using_CSS_nesting#nested_declarations_rule)
55 changes: 55 additions & 0 deletions files/de/web/api/cssnesteddeclarations/style/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
---
title: "CSSNestedDeclarations: style-Eigenschaft"
short-title: style
slug: Web/API/CSSNestedDeclarations/style
l10n:
sourceCommit: 5e3cb7c4405256c4ad004986bbff622777b664b6
---

{{APIRef("CSSOM")}}

Die schreibgeschützte **`style`**-Eigenschaft der [`CSSNestedDeclarations`](/de/docs/Web/API/CSSNestedDeclarations)-Schnittstelle repräsentiert die mit den verschachtelten Regeln verbundenen Stile.

## Wert

Ein Objekt.

## Beispiele

Dieses Stylesheet enthält eine verschachtelte [`cssRules`](/de/docs/Web/API/CssRule).

Das erste `console.log` zeigt den obersten `style`, das zweite zeigt die verschachtelte `@media`-Abfrage mit ihrem verschachtelten Stil und das letzte zeigt den verschachtelten Stil, der nach der `@media`-Abfrage deklariert wird.

```css
.foo {
font-size: 1.2rem;
@media (screen) {
color: tomato;
background-color: darkgrey;
}
color: black;
}
```

```js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style);
// { "0": "font-size" }
console.log(myRules[0].cssRules[0].cssRules[0].style);
// { "0": "color", "1": "background-color" }
console.log(myRules[0].cssRules[1].style);
// { "0": "color" }
```

## Spezifikationen

{{Specifications}}

## Browser-Kompatibilität

{{Compat}}

## Siehe auch

- [`CSSNestedDeclarations`](/de/docs/Web/API/CSSNestedDeclarations)
- [Die Regel der verschachtelten Deklarationen](/de/docs/Web/CSS/CSS_nesting/Using_CSS_nesting#nested_declarations_rule)
Loading

0 comments on commit ba8f165

Please sign in to comment.