We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

概要

CSSwidows プロパティは paged メディアにおいて、新しいページの始めに必ず残す最小行数を定義します。タイポグラフィでは、widow は改ページによって段落の最終行だけが次ページの始めに現れたものを指します。widows プロパティを設定すると widow を残さないようにできます。

screen など paged 以外のメディアでは widows プロパティは効果を持ちません。

初期値2
適用対象ブロックコンテナ要素
継承継承する
メディアvisual
計算値指定値
Animation typediscrete
正規順序per grammar

構文

形式文法: <integer>
widows: 2
widows: 3
widows: 0

widows: inherit

<integer>
新しいページの始めに残せる最小行数を意味します。値が正の数でないと宣言は無効になります。

p {
  widows: 3;
}

仕様

仕様書 策定状況 コメント
CSS Fragmentation Module Level 3
widows の定義
勧告候補 widows をページ、領域、列など部品の種類によらず使えるように拡張
CSS Multi-column Layout Module
widows の定義
草案 多段の列に関して widows を考慮することを推奨
CSS Level 2 (Revision 1)
widows の定義
勧告 初回定義

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 25 未サポート 8 9.2 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 未サポート 未サポート ? ? 未サポート

関連情報

ドキュメントのタグと貢献者

このページの貢献者: Sebastianz, ethertank, sosleepy
最終更新者: Sebastianz,