chore(de): translate diff [5af8d52f5d]

Machine translation from English using gpt-4o-2024-08-06.

Source: mdn/content@5af8d52

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.
   - If the input contains HTML tags escaped with a slash (e.g. `\<length>`), make sure they are escaped 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.
```

files/de/web/api/cssstyledeclaration/getpropertyvalue/index.md

@@ -1,15 +1,14 @@
 ---
-title: "CSSStyleDeclaration: getPropertyValue()-Methode"
+title: "CSSStyleDeclaration: Methode getPropertyValue()"
 short-title: getPropertyValue()
 slug: Web/API/CSSStyleDeclaration/getPropertyValue
 l10n:
-  sourceCommit: 53b1989260054e651bcf001bacee9b843b8ca9c8
+  sourceCommit: 5af8d52f5dec28f5a5556b1b98765847098a0071
 ---
 
 {{ APIRef("CSSOM") }}
 
-Die **CSSStyleDeclaration.getPropertyValue()**-Methodenschnittstelle gibt
-einen String zurück, der den Wert einer angegebenen CSS-Eigenschaft enthält.
+Die **CSSStyleDeclaration.getPropertyValue()** Methodenschnittstelle gibt einen String zurück, der den Wert einer angegebenen CSS-Eigenschaft enthält.
 
 ## Syntax
 
@@ -20,22 +19,44 @@ getPropertyValue(property)
 ### Parameter
 
 - `property`
-  - : Ein String, der den Eigenschaftsnamen (im Bindestrich-Format) darstellt, der überprüft werden soll.
+  - : Ein String, der den Eigenschaftsnamen (in Bindestrich-Schreibweise) darstellt, der überprüft werden soll.
 
 ### Rückgabewert
 
-Ein String, der den Wert der Eigenschaft enthält. Falls nicht gesetzt, wird der leere String zurückgegeben.
+Ein String, der den Wert der Eigenschaft enthält. Wenn nicht gesetzt, wird der leere String zurückgegeben.
+
+Der Eigenschaftswert wird dynamisch berechnet, nicht so wie ursprünglich in der Deklaration angegeben. Die Serialisierung erfolgt wie folgt:
+
+- Wenn `property` eine Kurzschreibweise-Eigenschaft ist, dann holen Sie alle Langschreibweise-Eigenschaften, denen sie entspricht. Beachten Sie, dass Kurzschreibweise-Eigenschaften, die im ursprünglichen Stylesheet angegeben wurden, bereits während der Parsezeit erweitert wurden. Wenn mindestens eine dieser Langschreibweise-Eigenschaften nicht deklariert ist oder sich ihre `!important`-Status unterscheiden, dann ist das Ergebnis der leere String. Andernfalls wird ein Eigenschaftswert zurückgegeben, der sich auf die gleiche Liste von Langschreibweise-Eigenschaften erweitert, und dieser Kurzschreibweise-Wert wird so viele Komponenten wie möglich weglassen und in der formalen Definition in der kanonischen Reihenfolge neu anordnen, wenn möglich. Wenn eine der obigen syntaktischen Übersetzungen weniger abwärtskompatibel wäre, führen Sie sie nicht durch.
+- Andernfalls wird die Eigenschaft gemäß ihrem Datentyp serialisiert. Jeder Datentyp hat eine kanonische Darstellung; zum Beispiel verwenden `<color>`-Werte immer `rgb(R, G, B)` oder `rgba(R, G, B, A)`.
+
+Im Wesentlichen wird der Eigenschaftswert _kanonisiert_, um sicherzustellen, dass zwei Eigenschaftswerte mit demselben Rendering-Effekt gleich verglichen werden, auch wenn sie unterschiedlich deklariert sind.
 
 ## Beispiele
 
-Der folgende JavaScript-Code fragt den Wert der `margin`-Eigenschaft in
-einer CSS-Selektorregel ab:
+Der folgende JavaScript-Code fragt den Wert der `margin`-Eigenschaft in einer CSS-Selektorregel ab:
 
 ```js
 const declaration = document.styleSheets[0].cssRules[0].style;
 const value = declaration.getPropertyValue("margin"); // "1px 2px"
 ```
 
+Der zurückgegebene String kann von dem in der Stil-Spezifikation des Elements angegebenen Wert abweichen. Beispielsweise wird dieser Stil:
+
+```html
+<style>
+  p#blueish {
+    color: hsl(250 90 50);
+  }
+</style>
+<script>
+  const declaration = document.styleSheets[0].cssRules[0].style;
+  const value = declaration.getPropertyValue("color");
+</script>
+```
+
+Einen Wert `rgb(51, 13, 242);` setzen. Dies ist wichtig beim Vergleich von Stilen durch Strings.
+
 ## Spezifikationen
 
 {{Specifications}}

files/de/web/api/htmlmodelement/datetime/index.md

@@ -0,0 +1,69 @@
+---
+title: "HTMLModElement: dateTime-Eigenschaft"
+short-title: dateTime
+slug: Web/API/HTMLModElement/dateTime
+l10n:
+  sourceCommit: 51caa17b040ab8c591d1c9e38ff9c859935b8fbe
+---
+
+{{ APIRef("HTML DOM") }}
+
+Die **`dateTime`**-Eigenschaft der [`HTMLModElement`](/de/docs/Web/API/HTMLModElement)-Schnittstelle ist eine Zeichenkette, die ein maschinenlesbares Datum mit einem optionalen Zeitwert enthält. Sie entspricht dem HTML-Attribut [`datetime`](/de/docs/Web/HTML/Element/time#datetime) der Elemente {{HTMLElement("del")}} und {{HTMLElement("ins")}}.
+
+## Wert
+
+Eine Zeichenkette. Für gültige Zeichenfolgenformate siehe die [gültigen `datetime`-Werte](/de/docs/Web/HTML/Element/time#valid_datetime_values).
+
+## Beispiele
+
+Das folgende HTML ist gegeben:
+
+```html
+<p>The paragraph <del datetime="2021-11-01">has been</del> changed</p>
+```
+
+Wir können den Wert des `dateTime`-Attributs des `<del>`-Elements abrufen:
+
+```js
+const deletedText = document.querySelector("del");
+console.log(deletedText.dateTime); // "2021-11-01"
+```
+
+Wir können auch die `dateTime`-Eigenschaft festlegen. Hier erstellen wir ein `<ins>`-Element, setzen dann die `dateTime`-Eigenschaft des `<ins>`-Elements auf das aktuelle Datum im `YYYY-MM-DD`-Format und fügen es nach dem gelöschten Text ein:
+
+```js
+const insertedText = document.createElement("ins");
+const now = new Date();
+insertedText.dateTime = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
+insertedText.appendChild(document.createTextNode("was"));
+deletedText.insertAdjacentElement("afterend", insertedText);
+```
+
+Wenn unser Skript am 9. Januar 2025 ausgeführt wird, sieht unser HTML wie folgt aus:
+
+```html
+<p>
+  The paragraph <del datetime="2021-11-01">has been</del
+  ><ins datetime="2025-1-9">was</ins> changed
+</p>
+```
+
+## Spezifikationen
+
+{{Specifications}}
+
+## Browser-Kompatibilität
+
+{{Compat}}
+
+## Siehe auch
+
+- {{HTMLElement("del")}}
+- {{HTMLElement("ins")}}
+- [`HTMLModElement`](/de/docs/Web/API/HTMLModElement)
+- [`HTMLModElement.cite`](/de/docs/Web/API/HTMLModElement/cite)
+- [`HTMLTimeElement.dateTime`](/de/docs/Web/API/HTMLTimeElement/dateTime)
+- [Datumszeichenfolgen](/de/docs/Web/HTML/Date_and_time_formats#date_strings)
+- [Lokale Datums- und Zeitzeichenfolgen](/de/docs/Web/HTML/Date_and_time_formats#local_date_and_time_strings)
+- {{jsxref("Date")}}
+- [`Element.insertAdjacentElement()`](/de/docs/Web/API/Element/insertAdjacentElement)

files/de/web/api/htmltimeelement/datetime/index.md

@@ -3,19 +3,18 @@ title: "HTMLTimeElement: dateTime-Eigenschaft"
 short-title: dateTime
 slug: Web/API/HTMLTimeElement/dateTime
 l10n:
-  sourceCommit: 835c199410845eed61aaf8439cb2e9719e7e9f98
+  sourceCommit: 51caa17b040ab8c591d1c9e38ff9c859935b8fbe
 ---
 
 {{ APIRef("HTML DOM") }}
 
 Die
-**`HTMLTimeElement.dateTime`**
-Eigenschaft ist ein String, der das [`datetime`](/de/docs/Web/HTML/Element/time#datetime) HTML-Attribut widerspiegelt und eine maschinenlesbare Form des Datums- und
-Uhrzeitwerts des Elements enthält.
+**`dateTime`**
+Eigenschaft des [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement) Interfaces ist ein String, der das [`datetime`](/de/docs/Web/HTML/Element/time#datetime) HTML-Attribut widerspiegelt und eine maschinenlesbare Form des Datums und Zeitwertes des Elements enthält.
 
 ## Wert
 
-Ein String. Für gültige String-Formate siehe die [`datetime`](/de/docs/Web/HTML/Element/time#valid_datetime_values) gültigen Werte.
+Ein String. Für gültige String-Formate siehe die [`datetime` gültige Werte](/de/docs/Web/HTML/Element/time#valid_datetime_values).
 
 ## Beispiele
 
@@ -36,4 +35,7 @@ t.dateTime = "6w 5h 34m 5s";
 
 ## Siehe auch
 
-- Das [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement) Interface, zu dem es gehört.
+- [`HTMLTimeElement`](/de/docs/Web/API/HTMLTimeElement)
+- [`HTMLModElement.dateTime`](/de/docs/Web/API/HTMLModElement/dateTime)
+- [Datumsstrings](/de/docs/Web/HTML/Date_and_time_formats#date_strings)
+- [Lokale Datums- und Zeitstrings](/de/docs/Web/HTML/Date_and_time_formats#local_date_and_time_strings)

files/de/web/api/svganimationelement/getcurrenttime/index.md

@@ -0,0 +1,67 @@
+---
+title: "SVGAnimationElement: getCurrentTime() Methode"
+short-title: getCurrentTime()
+slug: Web/API/SVGAnimationElement/getCurrentTime
+l10n:
+  sourceCommit: f95c5bf30c37292e8dba047346a19f937421c3e1
+---
+
+{{APIRef("SVG")}}
+
+Die Methode `getCurrentTime()` des [`SVGAnimationElement`](/de/docs/Web/API/SVGAnimationElement) gibt einen Float-Wert zurück, der die aktuelle Zeit in Sekunden relativ zur Zeit null des angegebenen Zeitcontainers darstellt.
+
+Die Zeit null bezieht sich auf den Moment, in dem der Zeitcontainer seine Zeitleiste beginnt. Sie fungiert als Startreferenzpunkt für alle Animationen innerhalb dieses Containers.
+
+Ein Zeitcontainer ist ein Element oder Kontext, das eine lokale Zeitleiste für eine oder mehrere Animationen definiert. Animationen innerhalb des Zeitcontainers werden relativ zu dessen Zeitleiste gemessen. Wenn ein Zeitcontainer verzögert, angehalten oder manipuliert wird, passen sich alle Animationen darin entsprechend an.
+
+## Syntax
+
+```js-nolint
+getCurrentTime()
+```
+
+### Parameter
+
+Keine ({{jsxref('undefined')}}).
+
+### Rückgabewert
+
+Ein Float.
+
+## Beispiele
+
+Dieses Beispiel demonstriert, wie die `getCurrentTime()`-Methode die Zeit abruft, die seit der Zeit null des Zeitcontainers verstrichen ist.
+
+```html
+<svg width="200" height="200" viewBox="0 0 200 200">
+  <circle cx="50" cy="50" r="20" fill="rebeccapurple">
+    <animate
+      attributeName="cx"
+      from="50"
+      to="150"
+      dur="4s"
+      repeatCount="indefinite" />
+  </circle>
+</svg>
+```
+
+```js
+const animationElement = document.querySelector("animate");
+
+setInterval(() => {
+  const currentTime = animationElement.getCurrentTime();
+  console.log(
+    `Current time relative to the time container: ${currentTime} seconds`,
+  );
+}, 1000);
+```
+
+Die Animation startet bei `time zero = 0` und läuft unendlich, und der `getCurrentTime()`-Wert erhöht sich kontinuierlich im Kontext des Zeitcontainers.
+
+## Spezifikationen
+
+{{Specifications}}
+
+## Browser-Kompatibilität
+
+{{Compat}}

files/de/web/api/svganimationelement/getsimpleduration/index.md

@@ -0,0 +1,68 @@
+---
+title: "SVGAnimationElement: getSimpleDuration()-Methode"
+short-title: getSimpleDuration()
+slug: Web/API/SVGAnimationElement/getSimpleDuration
+l10n:
+  sourceCommit: f95c5bf30c37292e8dba047346a19f937421c3e1
+---
+
+{{APIRef("SVG")}}
+
+Die Methode `getSimpleDuration()` des [`SVGAnimationElement`](/de/docs/Web/API/SVGAnimationElement) gibt einen Float-Wert zurück, der die Anzahl der Sekunden für die einfache Dauer dieser Animation darstellt.
+
+Die einfache Dauer bezieht sich auf die Zeitspanne, die eine Animation in einer einzigen Iteration laufen soll, ohne Wiederholungen, Neustarts oder Verlängerungen zu berücksichtigen.
+
+Diese Eigenschaft spiegelt das {{SVGAttr("dur")}}-Attribut des {{SVGElement("animate")}}, {{SVGElement("animateMotion")}} oder {{SVGElement("animateTransform")}}-Elements wider.
+
+## Syntax
+
+```js-nolint
+getSimpleDuration()
+```
+
+### Parameter
+
+Keine ({{jsxref('undefined')}}).
+
+### Rückgabewert
+
+Ein Float.
+
+### Ausnahmen
+
+- `NotSupportedError` [`DOMException`](/de/docs/Web/API/DOMException)
+  - : Wird ausgelöst, wenn die einfache Dauer des `SVGAnimationElement` undefiniert ist (z. B. wenn die Endzeit unbestimmt ist). Dies geschieht, wenn das {{SVGAttr("dur")}}-Attribut auf `indefinite` gesetzt ist oder undefiniert ist, da in diesem Fall die einfache Dauer als undefiniert gilt.
+
+## Beispiele
+
+Dieses Beispiel demonstriert, wie das Attribut `dur="3s"` eine einfache Dauer von 3 Sekunden definiert.
+
+```html
+<svg width="200" height="200" viewBox="0 0 200 200">
+  <circle cx="50" cy="50" r="20" fill="rebeccapurple">
+    <animate
+      attributeName="cx"
+      from="50"
+      to="150"
+      dur="3s"
+      repeatCount="indefinite" />
+  </circle>
+</svg>
+```
+
+```js
+const animationElement = document.querySelector("animate");
+
+const simpleDuration = animationElement.getSimpleDuration();
+console.log(`The simple duration is: ${simpleDuration} seconds`); // Output: 3
+```
+
+Da `repeatCount="indefinite"` kontinuierliches Schleifen spezifiziert, ist die effektive Dauer unendlich, aber die einfache Dauer bleibt 3 Sekunden pro Iteration.
+
+## Spezifikationen
+
+{{Specifications}}
+
+## Browser-Kompatibilität
+
+{{Compat}}

files/de/web/api/svganimationelement/getstarttime/index.md

@@ -0,0 +1,69 @@
+---
+title: "SVGAnimationElement: getStartTime() Methode"
+short-title: getStartTime()
+slug: Web/API/SVGAnimationElement/getStartTime
+l10n:
+  sourceCommit: f95c5bf30c37292e8dba047346a19f937421c3e1
+---
+
+{{APIRef("SVG")}}
+
+Die Methode `getStartTime()` des [`SVGAnimationElement`](/de/docs/Web/API/SVGAnimationElement) gibt einen float-Wert zurück, der die Startzeit in Sekunden für das aktuelle Intervall dieses Animationselements darstellt, falls es existiert, unabhängig davon, ob das Intervall bereits begonnen hat.
+
+Die von `getStartTime()` zurückgegebene Startzeit wird in Sekunden relativ zur Zeit null des Zeitcontainers gemessen.
+
+Zeit null bezieht sich auf den Moment, in dem der Zeitcontainer seine Zeitleiste beginnt. Sie fungiert als Ausgangsreferenzpunkt für alle Animationen innerhalb dieses Containers.
+
+Ein Zeitcontainer ist ein Element oder Kontext, das eine lokale Zeitleiste für eine oder mehrere Animationen definiert. Animationen innerhalb des Zeitcontainers werden relativ zu seiner Zeitleiste gemessen. Wenn ein Zeitcontainer verzögert, angehalten oder manipuliert wird, passen sich alle darin enthaltenen Animationen entsprechend an.
+
+Diese Eigenschaft spiegelt das {{SVGAttr("begin")}} Attribut des {{SVGElement("animate")}}, {{SVGElement("animateMotion")}} oder {{SVGElement("animateTransform")}} Elements wider.
+
+## Syntax
+
+```js-nolint
+getStartTime()
+```
+
+### Parameter
+
+Keine ({{jsxref('undefined')}}).
+
+### Rückgabewert
+
+Ein float-Wert.
+
+### Ausnahmen
+
+- `InvalidStateError` [`DOMException`](/de/docs/Web/API/DOMException)
+  - : Wird ausgelöst, wenn das `SVGAnimationElement` kein aktuelles Intervall hat. Dies passiert, wenn die {{SVGAttr("begin")}} Zeit des Animationselements nicht erreicht oder definiert ist, sodass die `getStartTime()` Methode keine gültige Startzeit ermitteln kann. Ein Beispiel wäre, wenn die Animation auf `begin="click"` gesetzt ist, aber der Benutzer noch nicht geklickt hat, um sie zu starten.
+
+## Beispiele
+
+Dieses Beispiel zeigt, wie das Attribut `begin="3s"` die Animation 3 Sekunden nach Beginn der Zeitleiste des Zeitcontainers starten lässt.
+
+```html
+<svg width="200" height="200" viewBox="0 0 200 200">
+  <circle cx="50" cy="50" r="20" fill="rebeccapurple">
+    <animate attributeName="cx" from="50" to="150" dur="5s" begin="3s" />
+  </circle>
+</svg>
+```
+
+```js
+const animationElement = document.querySelector("animate");
+
+const startTime = animationElement.getStartTime();
+console.log(
+  `The animation starts at: ${startTime} seconds relative to the time container's timeline`,
+); // Output: 3
+```
+
+Die `getStartTime()` Methode gibt `3.0` zurück, da dies die Zeit relativ zur Zeit null des Zeitcontainers ist.
+
+## Spezifikationen
+
+{{Specifications}}
+
+## Browser-Kompatibilität
+
+{{Compat}}