widowsプロパティ

TOPページに戻る > CSS

スポンサード リンク

widowsプロパティ

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

使い方(書式)

セレクタ { widows: 値; }                                    

widowsプロパティ

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

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

実際の指定方法

.hoge { widows: 9; }   /* ページの先頭に最小でも9行残す */

html部分

<p class="hoge">
.hoge { widows: 9; }
<br>印刷テスト。対応ブラウザがIE8以上か、Operaのみ
<br>3行目
<br>4行目
<br>5行目
<br>6行目
<br>7行目
<br>8行目
<br>9行目
<br>10行目
<br>下から15行目
<br>下から14行目
<br>下から13行目
<br>下から12行目
<br>下から11行目
<br>下から10行目
<br>下から9行目
<br>下から8行目
<br>下から7行目
<br>下から6行目
<br>下から5行目
<br>下から4行目
<br>下から3行目
<br>下から2行目
<br>下から1行目
</p>

実際の表示

.hoge { widows: 9; }
印刷テスト。対応ブラウザがIE8以上か、Operaのみ
3行目
4行目
5行目
6行目
7行目
8行目
9行目
10行目
下から15行目
下から14行目
下から13行目
下から12行目
下から11行目
下から10行目
下から9行目
下から8行目
下から7行目
下から6行目
下から5行目
下から4行目
下から3行目
下から2行目
下から1行目




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