aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/css/word-break
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:15 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:15 -0500
commit4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch)
treed4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/web/css/word-break
parent33058f2b292b3a581333bdfb21b8f671898c5060 (diff)
downloadtranslated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz
translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2
translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip
initial commit
Diffstat (limited to 'files/de/web/css/word-break')
-rw-r--r--files/de/web/css/word-break/index.html115
1 files changed, 115 insertions, 0 deletions
diff --git a/files/de/web/css/word-break/index.html b/files/de/web/css/word-break/index.html
new file mode 100644
index 0000000000..658ca59cf3
--- /dev/null
+++ b/files/de/web/css/word-break/index.html
@@ -0,0 +1,115 @@
+---
+title: word-break
+slug: Web/CSS/word-break
+tags:
+ - CSS
+ - CSS Eigenschaft
+ - CSS3
+ - Layout
+ - NeedsContent
+ - NeedsExample
+ - Referenz
+ - Web
+ - css3-text
+translation_of: Web/CSS/word-break
+---
+<div>{{CSSRef}}</div>
+
+<p>Die <code>word-break</code> <a href="/de/docs/Web/CSS">CSS</a> Eigenschaft wird verwendet, um anzugeben, ob zwischen Wörtern Zeilenumbrüche sein können.</p>
+
+<div>{{cssinfo}}</div>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="brush:css">/* Schlüsselwortwerte */
+word-break: normal;
+word-break: break-all;
+word-break: keep-all;
+
+/* Globale Werte */
+word-break: inherit;
+word-break: initial;
+word-break: unset;
+</pre>
+
+<h3 id="Werte">Werte</h3>
+
+<dl>
+ <dt><code>normal</code></dt>
+ <dd>Die Standardregeln für Zeilenumbrüche werden verwendet.</dd>
+ <dt><code>break-all</code></dt>
+ <dd>Zeilenumbrüche können bei Text, der nicht in CJK (chinesisch/japanisch/koreanisch) geschrieben ist, nach irgendeinem Zeichen eingefügt werden.</dd>
+ <dt><code>keep-all</code></dt>
+ <dd>Erlaubt keine Zeilenumbrüche in CJK-Text.  Das Verhalten bei Nicht-CJK-Text ist das gleiche wie bei <code>normal</code>.</dd>
+</dl>
+
+<h3 id="Formale_Syntax">Formale Syntax</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<h3 id="HTML-Inhalt">HTML-Inhalt</h3>
+
+<pre class="brush: html">&lt;p&gt;1. &lt;code&gt;word-break: normal&lt;/code&gt;&lt;/p&gt;
+&lt;p class="normal narrow"&gt; Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 &lt;/p&gt;
+
+&lt;p&gt;2. &lt;code&gt;word-break: break-all&lt;/code&gt;&lt;/p&gt;
+&lt;p class="breakAll narrow"&gt; Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 &lt;/p&gt;
+
+&lt;p&gt;3. &lt;code&gt;word-break: keep-all&lt;/code&gt;&lt;/p&gt;
+&lt;p class="keep narrow"&gt; Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉&lt;/p&gt;
+</pre>
+
+<h3 id="CSS-Inhalt">CSS-Inhalt</h3>
+
+<pre class="brush: css">.narrow {
+    padding: 5px;
+    border: 1px solid;
+    width: 8em;
+}
+
+.normal {
+    word-break: normal;
+}
+
+.breakAll {
+    word-break: break-all;
+}
+
+.keep {
+    word-break: keep-all;
+}
+
+</pre>
+
+<p>{{EmbedLiveSample('Beispiele', 600, 580, '', 'Web/CSS/word-break')}}</p>
+
+<h2 id="Spezifikationen">Spezifikationen</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Spezifikation</th>
+ <th scope="col">Status</th>
+ <th scope="col">Kommentar</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('CSS3 Text', '#word-break-property', 'word-break')}}</td>
+ <td>{{Spec2('CSS3 Text')}}</td>
+ <td>Ursprüngliche Definition</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browserkompatibilität">Browserkompatibilität</h2>
+
+<p>{{Compat("css.properties.word-break")}}</p>
+
+<h2 id="Siehe_auch">Siehe auch</h2>
+
+<ul>
+ <li>{{cssxref("overflow-wrap")}}</li>
+</ul>