---
title: widows
slug: Web/CSS/widows
translation_of: Web/CSS/widows
---
<div>{{CSSRef}}</div>

<p>Свойство <code>widows</code> <a href="/en-US/docs/CSS" title="CSS">CSS</a> определяет какое минимальное количество линий должно быть оставлено в начале новой страницы на <code>paged</code> носителе. В типографике, «висячая» строка<strong> (</strong><em>widow)</em> это последняя строка параграфа, оказавшаяся в начале следующей страницы. Установка свойства <code>widows</code> позволяет предотвратить висячие строки.</p>

<p>На нестраничных носителях, таких как <code>screen</code>, CSS свойство <code>widows</code> не имеет эффекта.</p>

<p>{{cssinfo}}</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="twopartsyntaxbox"><a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Value_definition_syntax">Formal syntax</a>: {{csssyntax("widows")}}
</pre>

<pre>widows: 2
widows: 3

widows: inherit
</pre>

<h3 id="Значения">Значения</h3>

<dl>
 <dt><code>&lt;integer&gt;</code></dt>
 <dd>Обозначает минимальное количество строк, которые могут остаться одни вверху новой страницы. Если значение не <strong>положительное</strong>, такое объявление недействительно.</dd>
</dl>

<h2 id="Пример">Пример</h2>

<pre class="brush:css">p {
  widows: 3;
}
</pre>

<h2 id="Спецификации">Спецификации</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>Extends <code>widows</code> to apply to any type of fragment, like pages, regions or columns.</td>
  </tr>
  <tr>
   <td>{{SpecName('CSS3 Multicol', '#filling-columns', 'widows')}}</td>
   <td>{{Spec2('CSS3 Multicol')}}</td>
   <td>Recommend to consider <code>widows</code> in relation with columns</td>
  </tr>
  <tr>
   <td>{{SpecName('CSS2.1', 'page.html#break-inside', 'widows')}}</td>
   <td>{{Spec2('CSS2.1')}}</td>
   <td>Исходная спецификация.</td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость_браузера"><nobr></nobr>Совместимость браузера</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>25</td>
   <td>{{CompatNo}}</td>
   <td>8</td>
   <td>9.2</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{cssxref("orphans")}}</li>
 <li>{{cssxref("Paged Media")}}</li>
</ul>