--- title: widows slug: Web/CSS/widows tags: - CSS - CSS Eigenschaft - CSS3 - Layout - Referenz - Web - mehrspaltiges Layout - print translation_of: Web/CSS/widows --- <div>{{CSSRef}}</div> <p>Die <a href="/de/docs/CSS">CSS</a>-Eigenschaft <strong><code>widows</code></strong> legt die Mindestanzahl von Zeilen in einem Blockcontainer fest, die <em>oben</em> auf einer <a href="/de/docs/Web/CSS/Paged_Media">Seite</a>, einem Bereich oder einer <a href="/de/docs/Web/CSS/CSS_Columns">Spalte</a> angezeigt werden müssen.</p> <pre class="brush:css no-line-numbers notranslate">/* <integer> values */ widows: 2; widows: 3; /* Global values */ widows: inherit; widows: initial; widows: unset; </pre> <div class="note"> <p><strong>Hinweis</strong>: In der Typografie ist ein <em>Hurenkind</em> die letzte Zeile eines Absatzes, die allein oben auf einer Seite angezeigt wird (der Absatz wird von einer vorherigen Seite fortgesetzt).</p> </div> <h2 id="Syntax">Syntax</h2> <h3 id="Werte">Werte</h3> <dl> <dt>{{cssxref("<integer>")}}</dt> <dd>Die Mindestanzahl von Zeilen, die nach einem Fragmentierungsbruch ganz oben an einem neuen Fragment bleiben können. Der Wert muss positiv sein.</dd> </dl> <h2 id="Formale_Definition">Formale Definition</h2> <p>{{CSSInfo}}</p> <h2 id="Formale_Syntax">Formale Syntax</h2> {{CSSSyntax}} <h2 id="Beispiel">Beispiel</h2> <h3 id="Controlling_column_widows" name="Controlling_column_widows">Spalten kontrollierendes widows</h3> <h4 id="HTML">HTML</h4> <pre class="brush: html notranslate"><div> <p>This is the first paragraph containing some text.</p> <p>This is the second paragraph containing some more text than the first one. It is used to demonstrate how widows work.</p> <p>This is the third paragraph. It has a little bit more text than the first one.</p> </div> </pre> <h4 id="CSS">CSS</h4> <pre class="brush: css; highlight[4] notranslate">div { background-color: #8cffa0; columns: 3; widows: 2; } p { background-color: #8ca0ff; } p:first-child { margin-top: 0; } </pre> <h4 id="Ergebnis">Ergebnis</h4> <p>{{EmbedLiveSample("Controlling_column_widows", 400, 160)}}</p> <h2 id="Spezifikationen">Spezifikationen</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td>{{SpecName('CSS3 Fragmentation', '#widows-orphans', 'widows')}}</td> <td>{{Spec2('CSS3 Fragmentation')}}</td> <td>Erweitert <code>widows</code>, die auf alle Fragmenttypen angewendet werden können, einschließlich Seiten, Regionen oder Spalten.</td> </tr> <tr> <td>{{SpecName('CSS3 Multicol', '#filling-columns', 'widows')}}</td> <td>{{Spec2('CSS3 Multicol')}}</td> <td> <p>Empfehlungen zur Berücksichtigung von <code>widows</code> in Bezug auf Spalten.</p> </td> </tr> <tr> <td>{{SpecName('CSS2.1', 'page.html#break-inside', 'widows')}}</td> <td>{{Spec2('CSS2.1')}}</td> <td>Initiale Definition.</td> </tr> </tbody> </table> <h2 id="Browserkompatibilität">Browserkompatibilität</h2> <div> <p>{{Compat("css.properties.widows")}}</p> </div> <h2 id="Siehe_auch">Siehe auch</h2> <ul> <li>{{cssxref("orphans")}}</li> <li><a href="/de/docs/Web/CSS/Paged_Media">Seitennummerierte Medien</a></li> </ul>