orphans
は CSS のプロパティで、ページ、領域、段の最下部に表示されるブロックコンテナーの最小行数を設定します。
/* <integer> 値 */
orphans: 2;
orphans: 3;
/* Global values */
orphans: inherit;
orphans: initial;
orphans: unset;
組版において、 orphan とは段落の最初の行がページの末尾に単独で現れることです。 (段落は次のページへ続きます。)
初期値 | 2 |
---|---|
適用対象 | ブロックコンテナー要素 |
継承 | あり |
計算値 | 指定値 |
アニメーションの種類 | 個別 |
構文
値
<integer>
- 区切りの前の新しい断片の末尾に残すことができる最小行数です。値は正の数である必要があります。
形式文法
例
HTML
<div>
<p>これは幾らかのテキストを含む最初の段落です。</p>
<p>これは最初の段落よりも多くのテキストを含む第二の段落です。これは widow がどの様に動作するのかを示すために用います。</p>
<p>これは第三の段落です。これは最初の段落よりも少しだけ長いテキストを含んでいます。</p>
</div>
CSS
div {
background-color: #8cffa0;
height: 150px;
columns: 3;
orphans: 3;
}
p {
background-color: #8ca0ff;
}
p:first-child {
margin-top: 0;
}
結果
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
CSS Fragmentation Module Level 3 orphans の定義 |
勧告候補 | orphans をページ、領域、段など、断片の種類によらず適用するように拡張 |
CSS Level 2 (Revision 1) orphans の定義 |
勧告 | 初回定義 |
ブラウザーの対応
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。