diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-11 18:59:39 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-11 18:59:39 -0500 |
| commit | d192fb918b0e2aa8869de6dcc59de8464b6e879a (patch) | |
| tree | 3dc6f395a53be89041c52e9326baf908ffa3f3a6 /files/de | |
| parent | e3e12548adeb7e1dcfc4d5b32884a225ee2b499d (diff) | |
| download | translated-content-d192fb918b0e2aa8869de6dcc59de8464b6e879a.tar.gz translated-content-d192fb918b0e2aa8869de6dcc59de8464b6e879a.tar.bz2 translated-content-d192fb918b0e2aa8869de6dcc59de8464b6e879a.zip | |
dump 2020-12-11
Diffstat (limited to 'files/de')
| -rw-r--r-- | files/de/mdn/contribute/localize/index.html | 29 | ||||
| -rw-r--r-- | files/de/mdn/contribute/localize/translating_pages/index.html | 58 | ||||
| -rw-r--r-- | files/de/web/css/css_positioning/understanding_z_index/adding_z-index/index.html | 48 | ||||
| -rw-r--r-- | files/de/web/css/css_positioning/understanding_z_index/index.html | 38 | ||||
| -rw-r--r-- | files/de/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html | 48 | ||||
| -rw-r--r-- | files/de/web/css/float/index.html | 218 | ||||
| -rw-r--r-- | files/de/web/css/url/index.html | 3 | ||||
| -rw-r--r-- | files/de/web/css/vertical-align/index.html | 62 | ||||
| -rw-r--r-- | files/de/web/css/widows/index.html | 2 | ||||
| -rw-r--r-- | files/de/web/css/z-index/index.html | 6 | ||||
| -rw-r--r-- | files/de/web/mathml/attribute/index.html | 79 |
11 files changed, 322 insertions, 269 deletions
diff --git a/files/de/mdn/contribute/localize/index.html b/files/de/mdn/contribute/localize/index.html deleted file mode 100644 index dcb1fcc13e..0000000000 --- a/files/de/mdn/contribute/localize/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Lokalisieren von MDN -slug: MDN/Contribute/Localize -tags: - - Documentation - - Localization - - MDN - - NeedsTranslation - - TopicStub -translation_of: MDN/Contribute/Localize ---- -<div>{{MDNSidebar}}</div><p>MDN wird von Menschen auf der ganzen Welt als Referenz und Anleitung für Web Technologien, wie auch für Internas von Firefox selbst, genutzt. Unsere Lokalisierungsgemeinschaften sind ein wichtiger Teil des Mozilla Projekts. Ihre Übersetzungs- und Lokalisierungsarbeit hilft Menschen auf der ganzen Welt, um für das offene Web zu entwickeln. Wenn Sie mehr über unsere Lokalisierungsteams erfahren möchten, einem Team beitreten oder sogar eine neue Lokalisierung beginnen möchten, ist dies der Ort, um damit zu beginnen.</p> -<p>{{LandingPageListSubpages}}</p> -<h2 id="Lokalisierungstools">Lokalisierungstools</h2> -<p>Es gibt einige nützliche Tools, die Sie bei Ihrer Übersetzungsarbeit nutzen werden:</p> -<dl> - <dt> - <a href="/en-US/docs/Mozilla/Localization/Localizing_with_Verbatim" title="/en-US/docs/Mozilla/Localization/Localizing_with_Verbatim">Verbatim</a></dt> - <dd> - Wird für die Übersetzung von Zeichenketten über verschiedene Mozilla Projekte hinweg genutzt, einschließlich der MDN Benutzeroberfläche (sowie der Firefox Benutzeroberfläche).</dd> - <dt> - <a href="http://transvision.mozfr.org/" title="http://transvision.mozfr.org/">Transvision</a></dt> - <dd> - Ein Werkzeug von Mozilla France, das Sie nach einer englischen Zeichenkette suchen lässt und als Ergebnis die verschiedenen Übersetzungen einer Sprache dazu liefert, die im gesamten Mozilla Code verwendet werden. Dieses Werkzeug eignet sich, um die bevorzugte Übersetzung eines Wortes oder eines Satzes zu finden.</dd> -</dl> -<h2 id="Siehe">Siehe</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Localization" title="/en-US/docs/Mozilla/Localization">Localization at Mozilla</a></li> -</ul> diff --git a/files/de/mdn/contribute/localize/translating_pages/index.html b/files/de/mdn/contribute/localize/translating_pages/index.html deleted file mode 100644 index 796212f0ac..0000000000 --- a/files/de/mdn/contribute/localize/translating_pages/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: MDN Seiten übersetzen -slug: MDN/Contribute/Localize/Translating_pages -tags: - - Anfänger - - Beginner - - Guide - - Lokalisation - - MDN - - Seite Übersetzen - - Übersetzung - - übersetzen -translation_of: MDN/Contribute/Localize/Translating_pages ---- -<div>{{MDNSidebar}}</div> - -<p>Dieser Artikel ist eine grundlegende Anleitung für die Übersetzung von Inhalten auf MDN. Er beinhaltet sowohl die Grundlagen für Übersetzungsarbeit als auch Tipps für den richtigen Umgang mit den verschiedenen Arten von Inhalten.</p> - -<h2 id="Eine_neue_Übersetzung_einer_Seite_starten">Eine neue Übersetzung einer Seite starten</h2> - -<p>Befolgen Sie diese Schritte, wenn Sie eine Seite in Ihre Sprache übersetzen möchten:</p> - -<ol> - <li>Klicken Sie auf das Sprachen-Symbol ({{FontAwesomeIcon("icon-language")}}), um das <strong>Sprachen</strong>-Menü zu öffnen und wählen Sie <strong>Übersetzung hinzufügen</strong>. Daraufhin erscheint die Auswahlseite der verfügbaren Sprachen.</li> - <li>Wählen Sie die Sprache, in die Sie die Seite übersetzen möchten. Anschließend öffnet sich ein Editor, auf dessen linker Hälfte die originale Seite, auf der rechten die Vorschau der übersetzten Seite zu sehen ist.</li> - <li>Unter <strong>Beschreibung übersetzen</strong> können Sie den Titel und optional den Adressnamen (Slug) in die Zielsprache übersetzen. Der Adressname ist der letzte Teil der URL einer Seite (zum Beispiel: "Translating_pages" für diesen Artikel.) Manche Sprachcommunities übersetzen den Adressnamen nicht und übernehmen den Englischen. Vergleichen Sie dazu am besten andere Artikel in Ihrer Sprache, um die gängige Praxis zu ermitteln. Um mehr Platz für den Abschnitt <strong>Übersetzung in Deutsch</strong> zu erhalten, können Sie auf das Minus-Zeichen neben dem Abschnitt <strong>Beschreibung übersetzen</strong> klicken und ihn so ausblenden.</li> - <li>Übersetzen Sie den Inhalt der Seite unter <strong>Übersetzung in Deutsch</strong>.</li> - <li>Tragen Sie mindestens ein <strong>Schlagwort</strong> für die Seite ein.</li> - <li>Drücken Sie<strong> Änderungen speichern</strong> wenn Sie fertig sind.</li> -</ol> - -<div class="note"><strong>Hinweis:</strong> Die Benutzeroberfläche der "Artikel übersetzen"-Ansicht wird anfangs in Englisch angezeigt. Bei nachfolgenden Bearbeitungen eines bestimmten Artikels im Editor wird die Benutzeroberfläche in der jeweils passenden Sprache angezeigt, falls eine Lokalisierung für MDN in dieser Sprache verfügbar ist. Die MDN Benutzeroberfläche kann mit <a href="https://localize.mozilla.org/projects/mdn/" title="https://localize.mozilla.org/projects/mdn/">Pontoon</a> lokalisiert werden. Konsultieren Sie dazu <a href="/en-US/docs/Mozilla/Localization/Localizing_with_Verbatim" title="/en-US/docs/Mozilla/Localization/Localizing_with_Verbatim">Lokalisierung mit Pontoon</a> für Details zu dessen Benutzung.</div> - -<h2 id="Eine_übersetzte_Seite_bearbeiten">Eine übersetzte Seite bearbeiten</h2> - -<ul> - <li>Drücken Sie auf einer übersetzten Seite den <strong>Bearbeiten</strong> Knopf (mitunter auch englisch: <strong>Edit</strong>). Die <strong>Artikel-Übersetzen</strong>-Ansicht öffnet sich.</li> -</ul> - -<p>Wenn die englische Version seit der letzten Aktualisierung der Übersetzung verändert wurde, wird in der Artikel-Übersetzen-Ansicht die Quellebene "diff" mit den Änderungen der englischen Version angezeigt. Dies hilft Ihnen, Aktualisierungen schneller durchzuführen.</p> - -<h2 id="Schlagwort-Übersetzungen">Schlagwort-Übersetzungen</h2> - -<p>Es ist wichtig, dass jede Seite mit mindestens einem Schlagwort getaggt wird, auch wenn es sich um eine Übersetzung handelt.</p> - -<p>Manche Tags werden von Suchfiltern oder als Konventionen zwischen Beitragserstellern benutzt. Diese Schlagwörter sollten nicht übersetzt werden. Lesen Sie hierzu die <a href="/en-US/docs/Project:MDN/Contributing/Tagging_standards">Tagging Standards</a>, um diese Schlagwörter zu erkennen.<br> - Sie dürfen gern übersetzte Schlagwörter erstellen, um Inhalte zu gruppieren, wenn sie nicht von einem Standard-Schlagwort abgedeckt werden.</p> - -<h2 id="Tipps_für_neue_Übersetzer">Tipps für neue Übersetzer</h2> - -<p>Sie sind neu bei der Lokalisierung auf MDN? Dann sind hier ein paar Ratschläge:</p> - -<ul> - <li>Artikel im <a href="/de/docs/Glossary">Glossar</a> eignen sich hervorragend für Einsteiger, weil sie einfach und kurz sind.</li> - <li>Artikel mit dem Schlagwort <a href="/en-US/docs/tag/l10n:priority">"l10n:priority"</a> werden beim Übersetzen mit einer hohen Priorität berücksichtigt.</li> - <li>Wenn Text in doppelten geschweiften Klammern steht, wie beispielsweise <code>\{{some-text("more text")}}</code>, dann lassen Sie diesen unübersetzt, und ändern Sie die Satzzeichen nicht. Dies sind <a href="/en-US/docs/MDN/Contribute/Structures/Macros">Makros</a>, die Strukturen auf der Seite erstellen oder andere nützliche Funktionen übernehmen. Es kann sein, dass das Makro unübersetzten Text erzeugt, machen Sie sich darüber aber keine Gedanken, bis Sie mehr Erfahrung mit MDN gewonnen haben (das Bearbeiten dieses Textes erfordert <a href="/en-US/docs/MDN/Contribute/Tools/Template_editing">spezielle Privilegien</a>, weil Makros sehr mächtige Werkzeuge sein können). Wenn Sie neugierig sind, werfen Sie doch einen Blick auf die <a href="/en-US/docs/MDN/Contribute/Structures/Macros/Commonly-used_macros">häufig verwendeten Makros</a>, um die Möglichkeiten der Makros zu verstehen.</li> - <li>Schauen Sie auf die <a href="/en-US/docs/MDN/Contribute/Localize/Localization_projects">Lokalisations-Projektseite</a>, um mehr über die Lokalisierung in Ihrer Sprache zu erfahren.</li> -</ul> diff --git a/files/de/web/css/css_positioning/understanding_z_index/adding_z-index/index.html b/files/de/web/css/css_positioning/understanding_z_index/adding_z-index/index.html index ff78bd192a..1345ed23df 100644 --- a/files/de/web/css/css_positioning/understanding_z_index/adding_z-index/index.html +++ b/files/de/web/css/css_positioning/understanding_z_index/adding_z-index/index.html @@ -1,5 +1,5 @@ --- -title: Using z-index +title: Stapeln mit z-index slug: Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index tags: - CSS @@ -9,36 +9,34 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index --- <div>{{cssref}}</div> -<p>The first part of this article, <a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stacking without the z-index property</a>, explains how stacking is arranged by default. If you want to create a custom stacking order, you can use the {{cssxref("z-index")}} property on a <a href="/en-US/docs/Web/CSS/position#Types_of_positioning">positioned</a> element.</p> +<p>Im ersten Teil dieses Artikels, <a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stapeln ohne die Eigenschaft</a> <code>z-index</code>, wird erklärt, wie die Stapelung standardmäßig angeordnet wird. Wenn Sie eine benutzerdefinierte Stapelreihenfolge erstellen möchten, können Sie die Eigenzschaft {{cssxref("z-index")}} bei einem <a href="/de/docs/Web/CSS/position#Types_of_positioning">positionierten</a> Element verwenden.</p> -<p>The <code>z-index</code> property can be specified with an integer value (positive, zero, or negative), which represents the position of the element along the z-axis. If you are not familiar with the z-axis, imagine the page as a stack of layers, each one having a number. Layers are rendered in numerical order, with larger numbers above smaller numbers.</p> +<p>Die Eigenschaft <code>z-index</code> kann mit einem ganzzahligen Wert (positiv, null oder negativ) angegeben werden, der die Position des Elements entlang der z-Achse darstellt. Wenn Sie mit der z-Achse nicht vertraut sind, stellen Sie sich die Seite als einen Stapel von Ebenen vor, von denen jede eine Nummer hat. Die Ebenen werden in numerischer Reihenfolge gerendert, wobei größere Zahlen über kleineren Zahlen stehen.</p> <ul> - <li>bottom layer <em>(farthest from the observer)</em></li> + <li>unterste Schicht (am weitesten vom Beobachter entfernt)</li> <li>...</li> - <li>Layer -3</li> - <li>Layer -2</li> - <li>Layer -1</li> - <li>Layer 0 <em>(default rendering layer)</em></li> - <li>Layer 1</li> - <li>Layer 2</li> - <li>Layer 3</li> + <li>Schicht -3</li> + <li>Schicht -2</li> + <li>Schicht -1</li> + <li>Schicht 0 <em>(Standard-Renderingschicht)</em></li> + <li>Schicht 1</li> + <li>Schicht 2</li> + <li>Schicht 3</li> <li>...</li> - <li>top layer <em>(closest to the observer)</em></li> + <li>oberste Schicht <em>(am nähesten zum Beobachter liegend)</em></li> </ul> <div class="note"> -<p><strong>Notes:</strong></p> - <ul> - <li>When no <code>z-index</code> property is specified, elements are rendered on the default rendering layer 0 (zero).</li> - <li>If several elements share the same <code>z-index</code> value (i.e., they are placed on the same layer), stacking rules explained in the section <a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stacking without the z-index property</a> apply.</li> + <li>Wenn keine Eigenschaft <code>z-index</code> angegeben ist, werden Elemente auf der Standard-Rendering-Ebene 0 (Null) gerendert.</li> + <li>Wenn mehrere Elemente denselben <code>z-index</code> Wert haben (d. h. sie werden auf derselben Ebene platziert), gelten die im Abschnitt <a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stapeln ohne z-Index-Eigenschaft</a> erläuterten Stapelungsregeln.</li> </ul> </div> -<p>In the following example, the layers' stacking order is rearranged using <code>z-index</code>. The <code>z-index</code> of element #5 has no effect since it is not a positioned element.</p> +<p>Im folgenden Beispiel wird die Stapelreihenfolge der Ebenen mithilfe des <code>z-index</code> neu angeordnet. Der <code>z-index</code> von Element Nr. 5 hat keine Auswirkung, da es sich nicht um ein positioniertes Element handelt.</p> -<p>{{EmbedLiveSample("Source_code_for_the_example", 600, 400)}}</p> +<p><img alt="Example of stacking rules modified using z-index" class="internal" src="/@api/deki/files/912/=Understanding_zindex_03.png"></p> <h2 id="Beispiel">Beispiel</h2> @@ -142,12 +140,12 @@ b { <h2 id="Siehe_auch">Siehe auch</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stacking without the z-index property</a>: The stacking rules that apply when <code>z-index</code> is not used.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stacking with floated blocks</a>: How floating elements are handled with stacking.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">The stacking context</a>: Notes on the stacking context.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stacking context example 1</a>: 2-level HTML hierarchy, z-index on the last level</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Stacking context example 2</a>: 2-level HTML hierarchy, z-index on all levels</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Stacking context example 3</a>: 3-level HTML hierarchy, z-index on the second level</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stapeln ohne die Eigenschaft z-index</a>: Die Stapelungsregeln, die gelten, wenn der <code>z-index</code> nicht verwendet wird.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stapeln mit fließenden Blöcken</a>: Wie fließende (<code>float</code>) Elemente beim Stapeln behandelt werden.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Der Stapelkontext:</a> Hinweise zum Stapelkontext.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stapelkontext-Beispiel 1</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf der letzten Stufe</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Stapelkontext-Beispiel 2</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf allen Ebenen</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Stapelkontext-Beispiel 3</a>: 3-stufige HTML-Hierarchie, <code>z-index</code> auf der zweiten Ebene</li> </ul> <div class="originaldocinfo"> @@ -155,7 +153,7 @@ b { <ul> <li>Author(s): Paolo Lombardi</li> - <li>This article is the English translation of an article I wrote in Italian for <a class="external" href="http://www.yappy.it">YappY</a>. I grant the right to share all the content under the <a class="external" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons: Attribution-Sharealike license</a>.</li> + <li>This article is the English translation of an article I wrote in Italian for <a class="external external-icon" href="http://www.yappy.it" rel="noopener">YappY</a>. I grant the right to share all the content under the <a class="external external-icon" href="http://creativecommons.org/licenses/by-sa/2.0/" rel="noopener">Creative Commons: Attribution-Sharealike license</a>.</li> <li>Last Updated Date: November 3, 2014</li> </ul> </div> diff --git a/files/de/web/css/css_positioning/understanding_z_index/index.html b/files/de/web/css/css_positioning/understanding_z_index/index.html index 7f44be02c9..9f7b3dd401 100644 --- a/files/de/web/css/css_positioning/understanding_z_index/index.html +++ b/files/de/web/css/css_positioning/understanding_z_index/index.html @@ -1,5 +1,5 @@ --- -title: Understanding CSS z-index +title: CSS z-index verstehen slug: Web/CSS/CSS_Positioning/Understanding_z_index tags: - Advanced @@ -14,38 +14,38 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index --- <div>{{cssref}}</div> -<p>In the most basic cases, <a href="/en-US/docs/Web/HTML">HTML</a> pages can be considered two-dimensional, because text, images, and other elements are arranged on the page without overlapping. In this case, there is a single rendering flow, and all elements are aware of the space taken by others. <span class="seoSummary">The {{cssxref("z-index")}} attribute lets you adjust the order of the layering of objects when rendering content.</span></p> +<p>In den meisten einfachen Fällen können <a href="/de/docs/Web/HTML">HTML</a>-Seiten als zweidimensional betrachtet werden, da Text, Bilder und andere Elemente auf der Seite angeordnet sind, ohne sich zu überlappen. In diesem Fall gibt es einen einzigen Rendering-Fluss, und der Prozess kennt den Platz, den jedes Elemente einimmt. Mit dem Attribut {{cssxref("z-index")}} können Sie die Reihenfolge der Schichtung von Objekten beim Rendern von Inhalten verändern.</p> <blockquote> -<p><em>In CSS 2.1, each box has a position in three dimensions. In addition to their horizontal and vertical positions, boxes lie along a "z-axis" and are formatted one on top of the other. Z-axis positions are particularly relevant when boxes overlap visually.</em></p> +<p>In CSS 2.1 hat jede Box eine Position in drei Dimensionen. Zusätzlich zu ihrer horizontalen und vertikalen Position liegen die Boxen entlang einer "Z-Achse" und werden übereinander formatiert. Die Positionen der Z-Achse sind besonders relevant, wenn sich Boxen visuell überlappen.</p> </blockquote> -<p>(from <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#z-index">CSS 2.1 Section 9.9.1 - Layered presentation</a>)</p> +<p>(von <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#z-index">CSS 2.1 Section 9.9.1 - Layered presentation</a>)</p> -<p>This means that CSS style rules allow you to position boxes on layers in addition to the normal rendering layer (layer 0). The Z position of each layer is expressed as an integer representing the stacking order for rendering. Greater numbers mean closer to the observer. Z position can be controlled with the CSS <code>z-index</code> property.</p> +<p>Das bedeutet, dass Sie mit CSS-Stilregeln Boxen auf Ebenen zusätzlich zur normalen Rendering-Ebene (Ebene 0) positionieren können. Die Z-Position jeder Ebene wird als Ganzzahl ausgedrückt, die die Stapelreihenfolge für das Rendering darstellt. Größere Zahlen bedeuten näher am Betrachter. Die Z-Position kann mit der CSS-Eigenschaft <a href="/de/docs/Web/CSS/z-index"><code>z-index</code></a> gesteuert werden</p> -<p>Using <code>z-index</code> appears extremely easy: a single property, assigned a single integer number, with an easy-to-understand behaviour. However, when <code>z-index</code> is applied to complex hierarchies of HTML elements, its behaviour can be hard to understand or predict. This is due to complex stacking rules. In fact a dedicated section has been reserved in the CSS specification <a class="external" href="http://www.w3.org/TR/CSS21/zindex.html">CSS-2.1 Appendix E</a> to explain these rules better.</p> +<p>Die Verwendung von <code>z-index</code> erscheint extrem einfach: eine einzelne Eigenschaft, der eine einzelne Ganzzahl zugewiesen ist, mit einem leicht verständlichen Verhalten. Wenn z-index jedoch auf komplexe Hierarchien von HTML-Elementen angewendet wird, kann sein Verhalten schwer zu verstehen oder vorherzusagen sein. Das liegt an den komplexen Stapelungsregeln. In der Tat wurde in der CSS-Spezifikation <a href="http://www.w3.org/TR/CSS21/zindex.html">CSS-2.1 Anhang E</a> ein eigener Abschnitt reserviert, um diese Regeln besser zu erklären.</p> -<p>This article will try to explain those rules, with some simplification and several examples.</p> +<p>Dieser Artikel wird versuchen, diese Regeln zu erklären, mit einigen Vereinfachungen und mehreren Beispielen.</p> <ol> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stacking without the z-index property</a>: The stacking rules that apply when <code>z-index</code> is not used.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stacking with floated blocks</a>: How floating elements are handled with stacking.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">Using z-index</a>: How to use <code>z-index</code> to change default stacking.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">The stacking context</a>: Notes on the stacking context.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stacking context example 1</a>: 2-level HTML hierarchy, <code>z-index</code> on the last level</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Stacking context example 2</a>: 2-level HTML hierarchy, <code>z-index</code> on all levels</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Stacking context example 3</a>: 3-level HTML hierarchy, <code>z-index</code> on the second level</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stapeln ohne die Eigenschaft z-index</a>: Die Stapelungsregeln, die gelten, wenn <code>z-index</code> nicht verwendet wird.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stapeln mit schwebenden Blöcken</a>: Wie schwebende Elemente beim Stapeln behandelt werden.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">Verwenden von z-index</a>: Wie Sie <code>z-index</code> verwenden, um die Standardstapelung zu ändern.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Der S</a><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">tapelungskontext</a>: Hinweise zum Stacking-Kontext.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stapelungskontext-Beispiel 1</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf der letzten Stufe</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Sta</a><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">pelungsk</a><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">ontext-Beispiel 2</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf allen Ebenen</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Sta</a><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">pelungsk</a><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">ontext-Beispiel 3</a>: 3-stufige HTML-Hierarchie, <code>z-index</code> auf der zweiten Ebene</li> </ol> <div class="originaldocinfo"> -<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2> +<h2 id="Original_Document_Information" name="Original_Document_Information">Original Dokumenteninformation</h2> <ul> - <li>Author(s): Paolo Lombardi</li> - <li>This article is the English translation of an article I wrote in Italian for <a class="external" href="http://www.yappy.it">YappY</a>. I grant the right to share all the content under the <a class="external" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons: Attribution-Sharealike license</a>.</li> - <li>Last Updated Date: July 9, 2005</li> + <li>Autor(s): Paolo Lombardi</li> + <li>Dieser Artikel ist die englische Übersetzung eines Artikels, den ich auf Italienisch für <a class="external external-icon" href="http://www.yappy.it">YappY</a>. geschrieben habe. Ich gewähre das Recht, den gesamten Inhalt unter der <a class="external" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons: Attribution-Sharealike license</a> zu teilen.</li> + <li>Letzte Aktualisation: 9. Juli 2005</li> </ul> -<p><small><em>Author's note: Thanks to Wladimir Palant and Rod Whiteley for the review.</em></small></p> +<p><small><em>Anmerkung des Autors: Danke an Wladimir Palant und Rod Whiteley für die Rezension.</em></small></p> </div> diff --git a/files/de/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html b/files/de/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html index d814b294cf..c5e17ecc80 100644 --- a/files/de/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html +++ b/files/de/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html @@ -1,5 +1,5 @@ --- -title: The stacking context +title: Der Stapelkontext slug: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context tags: - CSS @@ -11,13 +11,13 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_conte --- <div>{{cssref}}</div> -<p>Der <strong>Stapelungszusammenhang</strong> ist eine dreidimensionale Konzeptualisierung von HTML-Elementen entlang einer imaginären z-Achse relativ zum Benutzer, von dem angenommen wird, dass er dem Ansichtsfenster oder der Webseite zugewandt ist. HTML-Elemente füllen diesen Raum in Prioritätsreihenfolge auf der Grundlage von Elementattributen aus.</p> +<p>Der <strong>Stapelkontext</strong> ist eine dreidimensionale Konzeptualisierung von HTML-Elementen entlang einer imaginären z-Achse relativ zum Benutzer, von dem angenommen wird, dass er dem Ansichtsfenster oder der Webseite zugewandt ist. HTML-Elemente füllen diesen Raum in Prioritätsreihenfolge auf der Grundlage von Elementattributen aus.</p> -<h2 id="Der_Stapelungszusammenhang">Der Stapelungszusammenhang</h2> +<h2 id="Der_Stapelkontext">Der Stapelkontext</h2> -<p>Im vorherigen Teil dieses Artikels, die Verwendung von <a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">z-index</a>, wird die Darstellungsreihenfolge bestimmter Elemente durch ihren <code>z-index</code> Wert beeinflusst. Dies ist darauf zurückzuführen, dass diese Elemente spezielle Eigenschaften haben, die dazu führen, dass sie einen Stapelungszusammenhang bilden.</p> +<p>Im vorherigen Teil dieses Artikels, die Verwendung von {{cssxref("z-index")}}, wird die Darstellungsreihenfolge bestimmter Elemente durch ihren <code>z-index</code> Wert beeinflusst. Dies ist darauf zurückzuführen, dass diese Elemente spezielle Eigenschaften haben, die dazu führen, dass sie einen Stapelkontext bilden.</p> -<p>Ein Stapelungszusammenhang wird an beliebiger Stelle im Dokument durch ein beliebiges Element in den folgenden Szenarien gebildet:</p> +<p>Ein Stapelkontext wird an beliebiger Stelle im Dokument durch ein beliebiges Element in den folgenden Szenarien gebildet:</p> <ul> <li>Root Element des Dokumentes (<code><html></code>).</li> @@ -42,23 +42,23 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_conte <li>Ein Element mit einem {{cssxref("contain")}} Wert <code>layout</code> oder <code>paint</code> oder einen zusammengesetzten Wert, der einen von beiden enthält (d.h. <code>contain: strict</code>, <code>contain: content</code>).</li> </ul> -<p>Innerhalb eines Stapelungszusammenhang werden die untergeordneten Elemente nach den gleichen Regeln gestapelt, die zuvor erläutert wurden. Wichtig ist, dass die <code>z-index </code>Werte der untergeordneten Stapelungszusammenhänge nur in diesem übergeordneten Kontext eine Bedeutung haben. Stapelungszusammenhänge werden im übergeordneten Stapelungszusammenhang atomar als eine einzige Einheit behandelt.</p> +<p>Innerhalb eines Stapelkontext werden die untergeordneten Elemente nach den gleichen Regeln gestapelt, die zuvor erläutert wurden. Wichtig ist, dass die <code>z-index </code>Werte der untergeordneten Stapelkontexte nur in diesem übergeordneten Kontext eine Bedeutung haben. Stapelkontexte werden im übergeordneten Stapelkontext atomar als eine einzige Einheit behandelt.</p> <p>Zusammengefasst:</p> <ul> - <li>Stapelungszusammenhänge können in anderen Stapelungszusammenhängen enthalten sein und zusammen eine Hierarchie von Stapelungszusammenhängen bilden.</li> - <li>Jeder Stapelungszusammenhang ist völlig unabhängig von seinen Geschwistern: Bei der Verarbeitung des Stapels werden nur nachkommende Elemente berücksichtigt.</li> - <li>Jeder Stapelungszusammenhang ist in sich geschlossen: Nachdem der Inhalt des Elements gestapelt wurde, wird das gesamte Element in der Stapelreihenfolge des übergeordneten Stapelungszusammenhanges betrachtet.</li> + <li>Stapelkontexte können in anderen Stapelkontexten enthalten sein und zusammen eine Hierarchie von Stapelkontexten bilden.</li> + <li>Jeder Stapelkontext ist völlig unabhängig von seinen Geschwistern: Bei der Verarbeitung des Stapels werden nur nachkommende Elemente berücksichtigt.</li> + <li>Jeder Stapelkontext ist in sich geschlossen: Nachdem der Inhalt des Elements gestapelt wurde, wird das gesamte Element in der Stapelreihenfolge des übergeordneten Stapelkontextes betrachtet.</li> </ul> -<div class="note"><strong>Hinweis:</strong> Die Hierarchie der Stapelungszusammenhänge ist eine Teilmenge der Hierarchie der HTML-Elemente, da nur bestimmte Elemente Stapelungszusammenhänge erzeugen. Man kann sagen, dass Elemente, die keinen eigenen Stapelungszusammenhang bilden, vom übergeordneten Stapelungszusammenhang <em>assimiliert</em> werden.</div> +<div class="note"><strong>Hinweis:</strong> Die Hierarchie der Stapelkontexte ist eine Teilmenge der Hierarchie der HTML-Elemente, da nur bestimmte Elemente Stapelkontexte erzeugen. Man kann sagen, dass Elemente, die keinen eigenen Stapelkontext bilden, vom übergeordneten Stapelkontext <em>assimiliert</em> werden.</div> <h2 id="Das_Beispiel">Das Beispiel</h2> <p><img alt="Example of stacking rules modified using z-index" src="/@api/deki/files/913/=Understanding_zindex_04.png"></p> -<p>In diesem Beispiel erzeugt jedes positionierte Element aufgrund seiner Positionierung und seiner <code>z-index</code> -Werte einen eigenen Stapelungszusammenhang. Die Hierarchie der Stapelungszusammenhang ist wie folgt organisiert:</p> +<p>In diesem Beispiel erzeugt jedes positionierte Element aufgrund seiner Positionierung und seiner <code>z-index</code> -Werte einen eigenen Stapelkontext. Die Hierarchie der Stapelkontext ist wie folgt organisiert:</p> <ul> <li>Root @@ -82,9 +82,9 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_conte <p><strong>Notes:</strong></p> <ul> - <li>DIV #4 wird unter DIV #1 gerendert, weil der z-Index (5) von DIV #1 innerhalb des Stapelungszusammenhanges des Wurzelelementes gültig ist, während der z-Index (6) von DIV #4 innerhalb des Stapelungszusammenhanges von DIV #3 gültig ist. DIV #4 ist also unter DIV #1, weil DIV #4 zu DIV #3 gehört, das einen niedrigeren z-Indexwert hat.</li> + <li>DIV #4 wird unter DIV #1 gerendert, weil der z-Index (5) von DIV #1 innerhalb des Stapelkontextes des Wurzelelementes gültig ist, während der z-Index (6) von DIV #4 innerhalb des Stapelkontextes von DIV #3 gültig ist. DIV #4 ist also unter DIV #1, weil DIV #4 zu DIV #3 gehört, das einen niedrigeren z-Indexwert hat.</li> <li>Aus dem gleichen Grund wird DIV #2 (z-Index 2) unter DIV#5 (z-Index 1) gerendert, weil DIV #5 zu DIV #3 gehört, das einen höheren z-Index-Wert hat.</li> - <li>Der z-Index von DIV #3 ist 4, aber dieser Wert ist unabhängig vom z-Index von DIV #4, DIV #5 und DIV #6, da er zu einem anderen Stapelungszusammenhang gehört.</li> + <li>Der z-Index von DIV #3 ist 4, aber dieser Wert ist unabhängig vom z-Index von DIV #4, DIV #5 und DIV #6, da er zu einem anderen Stapelkontext gehört.</li> <li> <p>Eine einfache Möglichkeit, die Rendering-Reihenfolge von gestapelten Elementen entlang der Z-Achse herauszufinden, besteht darin, sie sich als eine Art "Versionsnummer" vorzustellen, wobei untergeordnete Elemente Minor-Versionsnummern unter den Major-Versionsnummern ihrer übergeordneten Elemente sind. Auf diese Weise können wir leicht erkennen, wie ein Element mit einem z-Index von 1 (DIV #5) über einem Element mit einem z-Index von 2 (DIV #2) gestapelt wird, und wie ein Element mit einem z-Index von 6 (DIV #4) unter einem Element mit einem z-Index von 5 (DIV #1) gestapelt wird. In unserem Beispiel (sortiert nach der endgültigen Rendering-Reihenfolge):</p> @@ -107,7 +107,7 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_conte </ul> </div> -<h2 id="Beispiel">Beispiel</h2> +<h2 id="Example" name="Example">Beispiel</h2> <h3 id="HTML">HTML</h3> @@ -224,20 +224,20 @@ h1 { <h2 id="Siehe_auch">Siehe auch</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stacking without the z-index property</a>: The stacking rules that apply when <code>z-index</code> is not used.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stacking with floated blocks</a>: How floating elements are handled with stacking.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">Using z-index</a>: How to use <code>z-index</code> to change default stacking.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stacking context example 1</a>: 2-level HTML hierarchy, <code>z-index</code> on the last level</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Stacking context example 2</a>: 2-level HTML hierarchy, <code>z-index</code> on all levels</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Stacking context example 3</a>: 3-level HTML hierarchy, <code>z-index</code> on the second level</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index">Stapeln ohne die Eigenschaft z-index</a>: Die Stapelungsregeln, die gelten, wenn der <code>z-index</code> nicht verwendet wird.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float">Stapeln mit fließenden Blöcken</a>: Wie fließende Elemente (<code>float</code>) beim Stapeln behandelt werden.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">Verwenden von z-index</a>: Wie Sie <code>z-index</code> verwenden, um die Standardstapelung zu ändern.</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_1">Stapelkontext-Beispiel 1</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf der letzten Stufe</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_2">Stapelkontext-Beispiel 2</a>: 2-stufige HTML-Hierarchie, <code>z-index</code> auf allen Ebenen</li> + <li><a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_context_example_3">Stapelkontext-Beispiel 3:</a> 3-stufige HTML-Hierarchie, <code>z-index</code> auf der zweiten Ebene</li> </ul> <div class="originaldocinfo"> -<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2> +<h2 id="Original_Document_Information" name="Original_Document_Information">Original Dokumenteninformation</h2> <ul> - <li>Author(s): Paolo Lombardi</li> - <li>This article is the English translation of an article I wrote in Italian for <a class="external" href="http://www.yappy.it">YappY</a>. I grant the right to share all the content under the <a class="external" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons: Attribution-Sharealike license</a>.</li> - <li>Last Updated Date: July 9, 2005</li> + <li>Autor(s): Paolo Lombardi</li> + <li>Dieser Artikel ist die englische Übersetzung eines Artikels, den ich auf Italienisch für <a class="external external-icon" href="http://www.yappy.it">YappY</a>. geschrieben habe. Ich gewähre das Recht, den gesamten Inhalt unter der <a class="external" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons: Attribution-Sharealike license</a> zu teilen.</li> + <li>Letzte Aktualisation: 9. Juli 2005</li> </ul> </div> diff --git a/files/de/web/css/float/index.html b/files/de/web/css/float/index.html index 2711d0d936..460f1e6fec 100644 --- a/files/de/web/css/float/index.html +++ b/files/de/web/css/float/index.html @@ -3,65 +3,200 @@ title: float slug: Web/CSS/float tags: - CSS - - CSS Referenz + - CSS Eigenschaft + - CSS Positionierung + - Referenz + - 'recipe:css-property' translation_of: Web/CSS/float --- -<p>{{ CSSRef() }}</p> +<div>{{CSSRef}}</div> -<h2 id="Übersicht">Übersicht</h2> +<p>Die <a href="/de/docs/Web/CSS">CSS</a> Eigenschaft <code>float</code> platziert ein Element auf der linken oder rechten Seite seines Containers, so dass Text- und Inline-Elemente um das Element herum angeordnet werden können. Das Element wird aus dem normalen Fluss der Seite entfernt, bleibt aber dennoch ein Teil des Flusses (im Gegensatz zur absoluten Positionierung).</p> -<p>Die <code>float</code> Eigenschaft bestimmt, ob ein Element aus dem normalen Fluss herausgelöst werden soll und nachfolgende Inhalte auf der linken oder rechten Seite des gefloateten Elements platziert werden sollen.</p> +<p>.</p> -<ul> - <li>Standardwert: <code>none</code></li> - <li>Anwendbar auf: alle Elemente</li> - <li>Vererbbar: Nein</li> - <li>Prozentwerte: Nein</li> - <li>Medium: visuell</li> - <li>berechneter Wert: wie festgelegt</li> -</ul> +<div>{{EmbedInteractiveExample("pages/css/float.html")}}</div> + +<p class="hidden">Die Quelle für dieses interaktive Beispiel ist in einem GitHub-Repository gespeichert. Wenn Sie zum Projekt der interaktiven Beispiele beitragen möchten, klonen Sie bitte <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> und senden Sie uns eine Pull-Anfrage.</p> + +<p>Ein Floating-Element ist ein Element, bei dem der berechnete Wert von <code>float</code> nicht <code>none</code> ist.</p> + +<p>Da <code>float</code> die Verwendung des Blocklayouts impliziert, ändert es in einigen Fällen den berechneten Wert der {{cssxref("display")}} Werte:</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spezifizierter Wert</th> + <th scope="col">Berechneter Wert</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>inline</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>inline-block</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>inline-table</code></td> + <td><code>table</code></td> + </tr> + <tr> + <td><code>table-row</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-row-group</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-column</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-column-group</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-cell</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-caption</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-header-group</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>table-footer-group</code></td> + <td><code>block</code></td> + </tr> + <tr> + <td><code>inline-flex</code></td> + <td><code>flex</code></td> + </tr> + <tr> + <td><code>inline-grid</code></td> + <td><code>grid</code></td> + </tr> + <tr> + <td><em>other</em></td> + <td><em>unchanged</em></td> + </tr> + </tbody> +</table> + +<div class="note"><strong>Hinweis: </strong>Wenn Sie diese Eigenschaft von JavaScript als Mitglied des {{domxref("HTMLElement.style")}} Objektsreferenzieren, unterstützen moderne Browser <code>float</code>, aber in älteren Browsern müssen Sie es als <code>cssFloat</code> buchstabieren, wobei Internet Explorer ab Version 8 und älter <code>styleFloat</code> verwenden. Dies war eine Ausnahme von der Regel, dass der Name des DOM-Mitglieds der in camel case (Binnenmajuskel) geschriebene Name des durch Bindestriche getrennten CSS-Namens ist (aufgrund der Tatsache, dass "float" ein reserviertes Wort in JavaScript ist, was sich in der Notwendigkeit zeigt, "class" als "className" und <label>'s "for" als "htmlFor" zu maskieren).</div> <h2 id="Syntax">Syntax</h2> -<pre class="eval">float: left | right | none | inherit +<pre class="brush:css no-line-numbers notranslate">/* Keyword values */ +float: left; +float: right; +float: none; +float: inline-start; +float: inline-end; + +/* Global values */ +float: inherit; +float: initial; +float: unset; </pre> -<h2 id="Werte">Werte</h2> +<p>The <code>float</code> property is specified as a single keyword, chosen from the list of values below.</p> + +<h3 id="Values">Values</h3> <dl> - <dt>none</dt> + <dt><code>none</code></dt> <dd>Standardwert. Das Element wird nicht umflossen.</dd> - <dt>left</dt> + <dt><code>left</code></dt> <dd>Das Element wird nach links gerückt und die Inhalte des umliegenden Elements (containing block) werden rechts vom Element angeordnet.</dd> - <dt>right</dt> + <dt><code>right</code></dt> <dd>Das Element wird nach rechts gerückt und die Inhalte des umliegenden Elements (containing block) werden links vom Element angeordnet.</dd> - <dt>inherit</dt> + <dt><code>inline-start</code></dt> + <dd>Das Element muss auf der Anfangsseite seines enthaltenden Blocks fließen. Das ist die linke Seite bei <code>ltr</code> Richtungen und die rechte Seite bei <code>rtl</code>-Richtungen.</dd> + <dt><code>inline-end</code></dt> + <dd> + <p>Das Element muss auf der Endseite seines enthaltenden Blocks fließen. Das ist die rechte Seite bei <code>ltr</code> Richtungen und die linke Seite bei <code>rtl</code>-Richtungen.</p> + </dd> + <dt><code>inherit</code></dt> <dd>Der Wert des Elternelements wird geerbt.</dd> </dl> +<dl> + <dd>.</dd> +</dl> + +<h2 id="Formale_Definition">Formale Definition</h2> + +<p>{{cssinfo}}</p> + +<h2 id="Formale_Syntax">Formale Syntax</h2> + +<pre class="syntaxbox notranslate">{{csssyntax}}</pre> + <h2 id="Beispiele">Beispiele</h2> -<p><a href="http://developer.mozilla.org/samples/cssref/float.html" rel="external nofollow">Live Beispiel</a></p> +<h3 id="How_floated_elements_are_positioned" name="How_floated_elements_are_positioned">Wie fließende Elemente positioniert werden</h3> + +<p>Wie oben erwähnt, wird ein Element, wenn es fließend (floated) ist, wird es aus dem normalen Fluss des Dokuments herausgenommen (obwohl es immer noch Teil des Dokuments bleibt). Es wird nach links oder rechts verschoben, bis es die Kante seines Behälters oder eines anderen schwebenden Elements berührt.</p> + +<p>In diesem Beispiel gibt es drei farbige Quadrate. Zwei davon sind nach links und eines nach rechts geschoben. Beachten Sie, dass das zweite "linke" Quadrat rechts vom ersten platziert wird. Weitere Quadrate würden weiter nach rechts gestapelt werden, bis sie den enthaltenden Kasten gefüllt haben, wonach sie in die nächste Zeile umbrechen würden.</p> -<pre class="brush: html"><style type="text/css"> - div { border: solid red; max-width: 70ex; } - h4 { float: left; margin: 0; } -</style> +<p>Ein schwebendes Element ist mindestens so hoch wie seine höchsten verschachtelten fließenden Kinder. Wir gaben dem Elternteil die Breite von 100% (<code>width: 100%</code>) und haben es fließen lassen, um sicherzustellen, dass es hoch genug ist, um seine fließenden Kinder zu umfassen, und um sicherzustellen, dass es die Breite des Elternteils einnimmt, damit wir sein benachbartes Geschwisterkind nicht überdecken müssen.</p> -<div> - <h4>HELLO!</h4> - This is some text. This is some text. This is some text. - This is some text. This is some text. This is some text. - This is some text. This is some text. This is some text. - This is some text. This is some text. This is some text. -</div> +<h4 id="HTML">HTML</h4> + +<pre class="brush: html notranslate"><section> + <div class="left">1</div> + <div class="left">2</div> + <div class="right">3</div> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Morbi tristique sapien ac erat tincidunt, sit amet dignissim + lectus vulputate. Donec id iaculis velit. Aliquam vel + malesuada erat. Praesent non magna ac massa aliquet tincidunt + vel in massa. Phasellus feugiat est vel leo finibus congue.</p> +</section> </pre> -<div style="border: solid red; max-width: 70ex;"> -<h4 id="HELLO!" style="float: left; margin: 0;">HELLO!</h4> -This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div> +<h4 id="CSS">CSS</h4> + +<pre class="brush: css notranslate">section { + border: 1px solid blue; + width: 100%; + float: left; +} + +div { + margin: 5px; + width: 50px; + height: 150px; +} + +.left { + float: left; + background: pink; +} -<h2 id="Spezifikationen">Spezifikationen</h2> +.right { + float: right; + background: cyan; +}</pre> + +<h4 id="Ergebnis">Ergebnis</h4> + +<p>{{EmbedLiveSample('How_floated_elements_are_positioned','400','180')}}</p> + +<h3 id="Clearing_floats" name="Clearing_floats">Auflösung von floats</h3> + +<p>Manchmal möchten Sie vielleicht erzwingen, dass ein Element unter alle schwebenden Elemente verschoben wird. Beispielsweise möchten Sie vielleicht, dass Absätze neben den Fließkommazahlen bleiben, aber Überschriften zwingen, auf ihrer eigenen Zeile zu stehen. Siehe {{cssxref("clear")}} für Beispiele.</p> + +<h2 id="Spezifikation">Spezifikation</h2> <table class="standard-table"> <thead> @@ -75,29 +210,24 @@ This is some text. This is some text. This is some text. This is some text. This <tr> <td>{{SpecName('CSS Logical Properties', '#float-clear', 'float and clear')}}</td> <td>{{Spec2('CSS Logical Properties')}}</td> - <td>Adds the values <code>inline-start</code> and <code>inline-end</code>.</td> - </tr> - <tr> - <td>{{SpecName('CSS3 Box', '#float', 'float')}}</td> - <td>{{Spec2('CSS3 Box')}}</td> - <td>Lots of new values, not all clearly defined yet. Any differences in behavior, unrelated to new features, are expected to be unintentional; please report.</td> + <td>Neue Werte <code>inline-start</code> und <code>inline-end</code>.</td> </tr> <tr> <td>{{SpecName('CSS2.1', 'visuren.html#float-position', 'float')}}</td> <td>{{Spec2('CSS2.1')}}</td> - <td>No change</td> + <td>Keine Änderungen</td> </tr> <tr> <td>{{SpecName('CSS1', '#float', 'float')}}</td> <td>{{Spec2('CSS1')}}</td> - <td>Initial definition</td> + <td>Ursprüngliche Deinition</td> </tr> </tbody> </table> <h2 id="Browser_Kompatibilität">Browser <span>Kompatibilität</span></h2> -{{Compat("css.properties.float")}} +<p>{{Compat("css.properties.float")}}</p> <h2 id="Siehe_auch">Siehe auch</h2> @@ -105,5 +235,3 @@ This is some text. This is some text. This is some text. This is some text. This <li><a href="/de/CSS/clear"><code>clear</code></a></li> <li><a href="/de/CSS/Boxmodell">Boxmodell</a></li> </ul> - -<p>{{ languages( {"en": "en/CSS/float", "fr": "en/CSS/float", "es": "es/CSS/float", "pl": "pl/CSS/float"} ) }}</p> diff --git a/files/de/web/css/url/index.html b/files/de/web/css/url/index.html index 52f9bad5e5..dd120e3800 100644 --- a/files/de/web/css/url/index.html +++ b/files/de/web/css/url/index.html @@ -7,7 +7,8 @@ tags: - Referenz - URI - URL -translation_of: Web/CSS/url +translation_of: Web/CSS/url() +translation_of_original: Web/CSS/url --- <div>{{ CssRef() }}</div> diff --git a/files/de/web/css/vertical-align/index.html b/files/de/web/css/vertical-align/index.html index 2a6779dbee..15729838cd 100644 --- a/files/de/web/css/vertical-align/index.html +++ b/files/de/web/css/vertical-align/index.html @@ -3,14 +3,20 @@ title: vertical-align slug: Web/CSS/vertical-align tags: - CSS - - CSS Referenz + - CSS Eigenschaft + - Referenz + - 'recipe:css-property' translation_of: Web/CSS/vertical-align --- <div>{{CSSRef}}</div> -<p>Die <strong><code>vertical-align</code></strong> <a href="/de/docs/Web/CSS">CSS</a> Eigenschaft bestimmt die vertikale Ausrichtung in inline Elementen oder in Tabellenzellen.</p> +<p>Die <a href="/de/docs/Web/CSS">CSS</a> Eigenschaft <strong><code>vertical-align</code></strong> bestimmt die vertikale Ausrichtung in inline Elementen oder in Tabellenzellen.</p> -<div>{{EmbedInteractiveExample("pages/css/vertical-align.html")}}</div> +<div>{{EmbedInteractiveExample("pages/css/vertical- +<div>align.html")}}</div> + +<div class="hidden">Die Quelle für dieses interaktive Beispiel ist in einem GitHub-Repository gespeichert. Wenn Sie zum Projekt der interaktiven Beispiele beitragen möchten, klonen Sie bitte <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> und senden Sie uns eine Pull-Anfrage.</div> +</div> <p>Die vertical-align Eigenschaft kann in zwei Anwendungsfällen genutzt werden:</p> @@ -19,7 +25,7 @@ translation_of: Web/CSS/vertical-align </ul> <div id="vertical-align-inline"> -<pre class="hidden brush: html"><p> +<pre class="hidden brush: html notranslate"><p> top:<img style="vertical-align:top" src="https://mdn.mozillademos.org/files/15189/star.png"/> middle:<img style="vertical-align:middle" src="https://mdn.mozillademos.org/files/15189/star.png"/> bottom:<img style="vertical-align:bottom" src="https://mdn.mozillademos.org/files/15189/star.png"/> @@ -37,7 +43,7 @@ text-bottom:<img style="vertical-align:text-bottom" src="https://mdn.mozilla </pre> -<pre class="hidden brush: css">#* { +<pre class="hidden brush: css notranslate">#* { box-sizing: border-box; } @@ -64,7 +70,7 @@ p { </ul> <div id="vertical-align-table"> -<pre class="hidden brush: html"><table> +<pre class="hidden brush: html notranslate"><table> <tr> <td style="vertical-align: baseline">baseline</td> <td style="vertical-align: top">top</td> @@ -79,7 +85,7 @@ p { </pre> -<pre class="hidden brush: css">table { +<pre class="hidden brush: css notranslate">table { margin-left: auto; margin-right: auto; width: 80%; @@ -102,9 +108,7 @@ td { <h2 id="Syntax">Syntax</h2> -<p> </p> - -<pre class="brush: css no-line-numbers language-css"><code class="language-css"><span class="comment token">/* Schlüsselwörter */</span> +<pre class="brush: css no-line-numbers language-css notranslate"><code class="language-css"><span class="comment token">/* Schlüsselwörter */</span> <span class="property token">vertical-align</span><span class="punctuation token">:</span> baseline<span class="punctuation token">;</span> <span class="property token">vertical-align</span><span class="punctuation token">:</span> sub<span class="punctuation token">;</span> <span class="property token">vertical-align</span><span class="punctuation token">:</span> super<span class="punctuation token">;</span> @@ -131,27 +135,35 @@ td { <h3 id="Werte_für_inline-Elemente">Werte für inline-Elemente</h3> <dl> - <dt>baseline</dt> + <dt> + <h4 id="Eltern-Elemente">Eltern-Elemente</h4> + </dt> +</dl> + +<p>Diese Werte richten das Element vertikal relativ zu seinem übergeordneten Element aus:</p> + +<dl> + <dt><code>baseline</code></dt> <dd>Die Grundlinie des Elements liegt auf der Grundlinie des Elternelements.</dd> - <dt>sub</dt> + <dt><code>sub</code></dt> <dd>Das Element ist tiefgestellt.</dd> - <dt>super</dt> + <dt><code>super</code></dt> <dd>Das Element ist hochgestellt.</dd> - <dt>text-top</dt> + <dt><code>text-top</code></dt> <dd>Die Oberkante des Elements liegt auf der Oberkante der Schrift des Elternelements.</dd> - <dt>text-bottom</dt> + <dt><code>text-bottom</code></dt> <dd>Die Unterkante des Elements liegt auf der Unterkante der Schrift des Elternelements.</dd> - <dt>middle</dt> + <dt><code>middle</code></dt> <dd>Die Mitte des Elements liegt auf der Mitte der Kleinbuchstaben des Elternelements.</dd> - <dt>top</dt> + <dt><code>top</code></dt> <dd>Die Oberkante des Elements liegt auf der Oberkante des Elternelements.</dd> - <dt>bottom</dt> + <dt><code>bottom</code></dt> <dd>Die Unterkante des Elements liegt auf der Unterkante des Elternelements.</dd> - <dt><Prozentzahl></dt> + <dt>{{cssxref("<percentage>")}}</dt> <dd>Die Unterkante des Elements liegt um einen <a href="/de/CSS/Einheiten#Prozent">prozentualen Wert</a> höher als die Unterkante des Elternelements. Die Anteile beziehen sich auf den Wert der <a href="/de/CSS/line-height" title="de/CSS/line-height"><code>line-height</code></a> Eigenschaft.</dd> - <dt><Länge></dt> + <dt>{{cssxref("<length>")}}</dt> <dd>Die Unterkante des Elements liegt um einen <a href="/de/CSS/Einheiten#L.c3.a4ngen">bestimmten Wert</a> höher als die Unterkante des Elternelements. Negative Werte sind erlaubt.</dd> - <dt>inherit</dt> + <dt><code>inherit</code></dt> <dd>Der Wert des Elternelements wird geerbt.</dd> </dl> @@ -172,13 +184,13 @@ td { <h3 id="Formale_Syntax">Formale Syntax</h3> -<pre class="syntaxbox">{{csssyntax}}</pre> +<pre class="syntaxbox notranslate">{{csssyntax}}</pre> <h2 id="Beispiel">Beispiel</h2> <h3 id="HTML">HTML</h3> -<pre class="brush: html"><div>Ein <img src="https://mdn.mozillademos.org/files/12245/frame_image.svg" alt="link" width="32" height="32" /> Bild mit default Ausrichtung.</div> +<pre class="brush: html notranslate"><div>Ein <img src="https://mdn.mozillademos.org/files/12245/frame_image.svg" alt="link" width="32" height="32" /> Bild mit default Ausrichtung.</div> <div>Ein <img class="top" src="https://mdn.mozillademos.org/files/12245/frame_image.svg" alt="link" width="32" height="32" /> Bild mit text-top Ausrichtung.</div> <div>Ein <img class="bottom" src="https://mdn.mozillademos.org/files/12245/frame_image.svg" alt="link" width="32" height="32" /> Bild mit text-bottom Ausrichtung.</div> <div>Ein <img class="middle" src="https://mdn.mozillademos.org/files/12245/frame_image.svg" alt="link" width="32" height="32" /> Bild mit middle Ausrichtung.</div> @@ -186,7 +198,7 @@ td { <h3 id="CSS">CSS</h3> -<pre class="brush: css">img.top { vertical-align: text-top; } +<pre class="brush: css notranslate">img.top { vertical-align: text-top; } img.bottom { vertical-align: text-bottom; } img.middle { vertical-align: middle; } </pre> @@ -197,7 +209,7 @@ img.middle { vertical-align: middle; } <h2 id="Spezifikation">Spezifikation</h2> -<p> </p> + <table class="standard-table"> <thead> diff --git a/files/de/web/css/widows/index.html b/files/de/web/css/widows/index.html index 7d2179c80b..4aefdaf612 100644 --- a/files/de/web/css/widows/index.html +++ b/files/de/web/css/widows/index.html @@ -49,7 +49,7 @@ widows: unset; <h2 id="Beispiel">Beispiel</h2> -<h3 id="Spalten_kontrollierendes_widows">Spalten kontrollierendes widows</h3> +<h3 id="Controlling_column_widows" name="Controlling_column_widows">Spalten kontrollierendes widows</h3> <h4 id="HTML">HTML</h4> diff --git a/files/de/web/css/z-index/index.html b/files/de/web/css/z-index/index.html index 014b0c53c8..9da303b0d4 100644 --- a/files/de/web/css/z-index/index.html +++ b/files/de/web/css/z-index/index.html @@ -17,9 +17,9 @@ translation_of: Web/CSS/z-index <p class="hidden">Die Quelle für dieses interaktive Beispiel ist in einem GitHub-Repository gespeichert. Wenn Sie zum Projekt der interaktiven Beispiele beitragen möchten, klonen Sie bitte <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> und senden Sie uns eine Pull-Anfrage.</p> -<p>Für einen positionierte Box (d.h. eine mit einer <code>position</code> anders als <code>static</code>) ist für die Eigenschaft <code>z-index</code> spezifiert:</p> +<p>Für einen positionierte Box (d.h. eine mit einer <code>{{cssxref("position")}}</code> anders als <code>static</code>) ist für die Eigenschaft <code>z-index</code> spezifiert:</p> -<p>For a positioned box (that is, one with any <code>position</code> other than <code>static</code>), the <code>z-index</code> property specifies:</p> +<p>Für eine positionierte Box (d. h. eine mit einer anderen als der statischen Position) gibt die Eigenschaft <code>z-index</code> an:</p> <ol> <li>Die Stapelebene der Box im aktuellen <a href="/de/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Stapel-Zusammenhang</a>.</li> @@ -63,7 +63,7 @@ z-index: unset; <h2 id="Beispiele">Beispiele</h2> -<h3 id="Visuelle_Schichtenelement">Visuelle Schichtenelement</h3> +<h3 id="Visually_layering_elements" name="Visually_layering_elements">Visuelle Schichtenelement</h3> <h4 id="HTML">HTML</h4> diff --git a/files/de/web/mathml/attribute/index.html b/files/de/web/mathml/attribute/index.html index c05c402d1e..8b22de44ab 100644 --- a/files/de/web/mathml/attribute/index.html +++ b/files/de/web/mathml/attribute/index.html @@ -13,13 +13,15 @@ translation_of: Web/MathML/Attribute <ul> <li>Die MathML-Elemente {{ MathMLElement("mstyle") }} und {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} akzeptieren die Attribute aller MathML Darstellungs-Elemente.</li> <li>Siehe <a href="/de/docs/Web/MathML/Attribute/Werte" title="/en-US/docs/MathML/Attributes/Values">Werte</a> für Hinweise zu Werten und Einheiten in MathML.</li> + <li>Die Attribute <code>background</code>, <code>color</code>, <code>fontfamily</code>, <code>fontsize</code>, <code>fontstyle</code>, <code>fontweight</code> und <code>xlink:href</code> sind veraltet.</li> + <li>Die <a href="/en-US/docs/Glossary/XLink">XLink</a>-Elemente in MathML-Elementen: <code>xlink:actuate</code>, <code>xlink:href</code>, <code>xlink:show</code> and <code>xlink:type</code> sind ebenfalls veraltet.</li> </ul> <table class="standard-table"> <thead> <tr> <th>Name</th> - <th>Elements accepting attribute</th> + <th>Elemente, die Attribute akzeptieren</th> <th>Beschreibung</th> </tr> </thead> @@ -104,12 +106,12 @@ translation_of: Web/MathML/Attribute <tr id="crossout"> <td>{{ unimplemented_inline() }} <code>crossout</code></td> <td>{{ MathMLElement("mscarry") }}</td> - <td>Specifies what kind of line is drawn to cross out carries.</td> + <td>Gibt an, welche Art von Linie zum Durchstreichen von Übertragungen gezeichnet wird.</td> </tr> <tr id="decimalpoint"> <td>{{ unimplemented_inline() }} <code>decimalpoint</code></td> <td>{{ MathMLElement("mstyle") }}</td> - <td>If the <code>decimalpoint</code> value is used to specify the <a href="#align">alignment</a>, this attribute is specifying the character for the alignment point within {{ MathMLElement("mstack") }} and {{ MathMLElement("mtable") }} columns.</td> + <td>Wenn der <code>decimalpoint</code>-Wert benutzt wird um die <a href="/de/docs/Web/MathML/Attribute$edit#align">Ausrichtung</a> festzulegen, spezifiziert dieses Attribut das Zeichen für den Ausrichtungspunkt in {{ MathMLElement("mstack") }}- und {{ MathMLElement("mtable") }}- Spalten.</td> </tr> <tr id="denomalign"> <td><code>denomalign</code></td> @@ -141,7 +143,7 @@ translation_of: Web/MathML/Attribute <tr id="edge"> <td>{{ unimplemented_inline() }} <code>edge</code></td> <td>{{ MathMLElement("malignmark") }}</td> - <td> </td> + <td></td> </tr> <tr id="equalcolumns"> <td>{{ unimplemented_inline() }} <code>equalcolumns</code></td> @@ -171,12 +173,12 @@ translation_of: Web/MathML/Attribute <tr id="framespacing"> <td><code>framespacing</code></td> <td>{{ MathMLElement("mtable") }}</td> - <td>Specifies additional space added between the table and <code>frame</code>.</td> + <td>Legt den zusätzlichen Platz zwischen der Tabelle und <code>frame</code> fest.</td> </tr> <tr id="groupalign"> <td>{{ unimplemented_inline() }} <code>groupalign</code></td> <td>{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> - <td> </td> + <td></td> </tr> <tr id="height"> <td><code>height</code></td> @@ -187,53 +189,53 @@ translation_of: Web/MathML/Attribute </tr> <tr id="href"> <td><code>href</code></td> - <td><em>All</em></td> + <td><em>Alle</em></td> <td>Setzt einen Link auf eine festgelegt URI.</td> </tr> <tr id="id"> <td><code>id</code></td> - <td><em>All</em></td> + <td><em>Alle</em></td> <td>Legt einen eindeutigen Bezeichner für das Element fest.</td> </tr> <tr id="indentalign"> <td>{{ unimplemented_inline() }} <code>indentalign</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indentalignfirst"> <td>{{ unimplemented_inline() }} <code>indentalignfirst</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indentalignlast"> <td>{{ unimplemented_inline() }} <code>indentalignlast</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indentshift"> <td>{{ unimplemented_inline() }} <code>indentshift</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indentshiftfirst"> <td>{{ unimplemented_inline() }} <code>indentshiftfirst</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indentshiftlast"> <td>{{ unimplemented_inline() }} <code>indentshiftlast</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="indenttarget"> <td>{{ unimplemented_inline() }} <code>indenttarget</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="infixlinebreakstyle"> <td>{{ unimplemented_inline() }} <code>infixlinebreakstyle</code></td> <td>{{ MathMLElement("mstyle") }}</td> - <td>Specifies the default <code>linebreakstyle</code> to use for infix operators.</td> + <td>Legt den Standard-<code>linebreakstyle</code> für die Benutzung von Infix-Operatoren fest.</td> </tr> <tr id="largeop"> <td><code>largeop</code></td> @@ -243,27 +245,27 @@ translation_of: Web/MathML/Attribute <tr id="length"> <td><code>length</code></td> <td>{{ MathMLElement("msline") }}</td> - <td> </td> + <td></td> </tr> <tr id="linebreak"> <td>{{ unimplemented_inline() }} <code>linebreak</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="linebreakmultchar"> <td>{{ unimplemented_inline() }} <code>linebreakmultchar</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="linebreakstyle"> <td>{{ unimplemented_inline() }} <code>linebreakstyle</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="lineleading"> <td>{{ unimplemented_inline() }} <code>lineleading</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> - <td> </td> + <td></td> </tr> <tr id="linethickness"> <td><code>linethickness</code></td> @@ -273,7 +275,7 @@ translation_of: Web/MathML/Attribute <tr id="location"> <td>{{ unimplemented_inline() }} <code>location</code></td> <td>{{ MathMLElement("mscarries") }}</td> - <td> </td> + <td></td> </tr> <tr id="longdivstyle"> <td>{{ unimplemented_inline() }} <code>longdivstyle</code></td> @@ -292,12 +294,12 @@ translation_of: Web/MathML/Attribute </tr> <tr id="mathbackground"> <td><code>mathbackground</code></td> - <td><em>All</em></td> + <td><em>Alle</em></td> <td>Bestimmt die Hintergrundfarbe. Möglich sind <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rgb</a></code>, <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rrggbb</a></code> und <a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#Werte">HTML-Farbnamen</a>.</td> </tr> <tr id="mathcolor"> <td><code>mathcolor</code></td> - <td><em>All</em></td> + <td><em>Alle</em></td> <td>Bestimmt die Textfarbe. Möglich sind <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rgb</a></code>, <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rrggbb</a></code> und <a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#Werte">HTML-Farbnamen</a>.</td> </tr> <tr id="mathsize"> @@ -318,7 +320,7 @@ translation_of: Web/MathML/Attribute <tr id="minlabelspacing"> <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td> <td>{{ MathMLElement("mtable") }}</td> - <td>A <a href="/en-US/docs/MathML/Attributes/Values" title="/en-US/docs/MathML/Attributes/Values">length value</a> specifing the minimum space between a <a href="Element/mlabeledtr" rel="internal" title="/en-US/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</td> + <td>Ein <a href="/de/docs/MathML/Attributes/Values">Längenwert</a>, der den minimalen Platz zwischen <a href="Element/mlabeledtr">Beschriftung</a> und der nachfolgenden Zelle in der Reihe enthält.</td> </tr> <tr id="minsize"> <td><code>minsize</code></td> @@ -333,7 +335,7 @@ translation_of: Web/MathML/Attribute <tr id="notation"> <td><code>notation</code></td> <td>{{ MathMLElement("menclose") }}</td> - <td>A list of notations, separated by white space, to apply to the child elements.</td> + <td>Eine durch Leerzeichen getrennte Liste von Notationen, die auf die untergeordneten Elemente angewendet werden sollen.</td> </tr> <tr id="numalign"> <td><code>numalign</code></td> @@ -348,12 +350,12 @@ translation_of: Web/MathML/Attribute <tr id="overflow"> <td>{{ unimplemented_inline() }} <code>overflow</code></td> <td>{{ MathMLElement("math") }}</td> - <td>If an expression is too long to fit in the allowed width, this attribute sets the preferred handling.</td> + <td>Wenn ein Ausdruck zu lang ist, um in die zulässige Breite zu passen, legt dieses Attribut die bevorzugte Behandlung fest.</td> </tr> <tr id="position"> <td>{{ unimplemented_inline() }} <code>position</code></td> <td>{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}</td> - <td> </td> + <td></td> </tr> <tr id="rowalign"> <td><code>rowalign</code></td> @@ -388,23 +390,22 @@ translation_of: Web/MathML/Attribute <tr id="scriptlevel"> <td><code>scriptlevel</code></td> <td>{{ MathMLElement("mstyle") }}</td> - <td>Controls mostly the font-size. The higher the <code>scriptlevel</code>, the smaller the font size.</td> + <td>Kontrolliert hautsächlich die Schriftgröße. Je höher das <code>scriptlevel</code>, umso kleiner die Schriftgröße.</td> </tr> <tr id="scriptminsize"> <td><code>scriptminsize</code></td> <td>{{ MathMLElement("mstyle") }}</td> - <td>Specifies a minimum font size allowed due to changes in <code>scriptlevel</code>.<br> - Starting with Gecko 20.0 {{geckoRelease("20")}} unitless values and percent values are allowed and interpreted as multiple of "8pt".</td> + <td>Bestimmt eine minimal erlaubte Schriftgröße durch Änderungen in <code>scriptlevel</code>.</td> </tr> <tr id="scriptsizemultiplier"> <td><code>scriptsizemultiplier</code></td> <td>{{ MathMLElement("mstyle") }}</td> - <td>Specifies the multiplier to be used to adjust font size due to changes in <code>scriptlevel</code>.</td> + <td>Bestimmt den Multiplikator zur Schriftgrößenänderung durch Änderungen in <code>scriptlevel</code>.</td> </tr> <tr id="selection"> <td><code>selection</code></td> <td>{{ MathMLElement("maction") }}</td> - <td>The child element which is addressed by the action.</td> + <td>Das Kind-Element, das durch die Aktion ausgewählt wird.</td> </tr> <tr id="separator"> <td><code>separator</code></td> @@ -419,7 +420,7 @@ translation_of: Web/MathML/Attribute <tr id="shift"> <td>{{ unimplemented_inline() }} <code>shift</code></td> <td>{{ MathMLElement("msgroup") }}</td> - <td> </td> + <td></td> </tr> <tr id="side"> <td>{{ unimplemented_inline() }} <code>side</code></td> @@ -429,12 +430,12 @@ translation_of: Web/MathML/Attribute <tr id="src"> <td>{{ unimplemented_inline() }} <code>src</code></td> <td>{{ MathMLElement("mglyph") }}</td> - <td>The location of the image resource.</td> + <td>Der Ort der Bilddaten.</td> </tr> <tr id="stackalign"> <td>{{ unimplemented_inline() }} <code>stackalign</code></td> <td>{{ MathMLElement("mstack") }}</td> - <td> </td> + <td></td> </tr> <tr id="stretchy"> <td><code>stretchy</code></td> @@ -444,12 +445,12 @@ translation_of: Web/MathML/Attribute <tr id="subscriptshift"> <td><code>subscriptshift</code></td> <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}</td> - <td>The minimum space by which to shift the subscript below the baseline of the expression.</td> + <td>Die minimale Menge Platz, die ein tiefergestelltes Element unter die Basislinie der Gleichung verschoben wird.</td> </tr> <tr id="supscriptshift"> <td><code>supscriptshift</code></td> <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}</td> - <td>The minimum space by which to shift the superscript above the baseline of the expression.</td> + <td>Die minimale Menge Platz, die ein höhergestelltes Element über die Basislinie der Gleichung verschoben wird.</td> </tr> <tr id="symmetric"> <td><code>symmetric</code></td> @@ -459,7 +460,7 @@ translation_of: Web/MathML/Attribute <tr id="voffset"> <td><code>voffset</code></td> <td>{{ MathMLElement("mpadded") }}</td> - <td>Sets the vertical position of the child content.</td> + <td>Setzt die vertikale Position des Kind-Elements.</td> </tr> <tr id="width"> <td><code>width</code></td> |