orphansプロパティ

TOPページに戻る > CSS

スポンサード リンク

orphansプロパティ

指定したブロック要素に改ページ前に残す行数を指定できます
値は整数で指定します。初期値は2です
※対応しているブラウザがIE8以上か、Operaのみ

使い方(書式)

セレクタ { orphans: 値; }                                    

orphansプロパティ

対応ブラウザ ie8 ie9 ie10 ie11 opera
適用できる要素 ブロック要素
子要素へのスタイルの継承 する

プロパティの値 説明
整数 ページの末尾に残す行数を指定する

実際の指定方法

.hoge { orphans: 9; }   /* ページの末尾に最小でも9行残す */

html部分


<p class="hoge">.hoge { orphans: 5; }
<br>印刷テスト。対応ブラウザがIE8以上か、Operaのみ
<br>3行目
<br>4行目
<br>5行目
<br>6行目
<br>7行目
<br>8行目
<br>9行目
<br>10行目
<br>11行目
<br>12行目
<br>13行目
<br>14行目
<br>15行目
<br>16行目
<br>17行目
<br>18行目
<br>19行目
<br>20行目
<br>21行目
<br>22行目
<br>23行目
<br>24行目
<br>25行目
</p>

実際の表示

.hoge { orphans: 5; }
印刷テスト。対応ブラウザがIE8以上か、Operaのみ
3行目
4行目
5行目
6行目
7行目
8行目
9行目
10行目
11行目
12行目
13行目
14行目
15行目
16行目
17行目
18行目
19行目
20行目
21行目
22行目
23行目
24行目
25行目





(C)2012 ホームページ作成無料