WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > CSSリファレンス > 「改ページ時に最小限必要な行数」

orphans,widows「要素内の改ページの行数指定」

印刷時に要素内で改ページする時の行数を「orphans」「widows」で指定します。
「orphans」は、要素内で改ページする場合に、前ページに印刷する最低行数を指定します。最低行数以下の場合は、要素の先頭行から次ページに印刷されます。
「widows」は、要素内で改ページする場合に、次ページに印刷する最低行数を指定します。最低行数以下の場合は、前ページから必要行数を次ページに移動して印刷されます。

CSS Ver.適用要素継承
2.1ブロック要素する
広告

orphans,widows の指定方法

構文

orphans : 数値;

widows : 数値;

プロパティ/設定値意味
orphans : 数値;

前のページに印刷する最低行数を整数で指定。(初期値:2)
デフォルト:「タグ毎のスタイル初期値」を参照
widows : 数値;

次のページに印刷する最低行数を整数で指定。(初期値:2)
デフォルト:「タグ毎のスタイル初期値」を参照
ページTOP

orphans,widows のサンプル


<style type="text/css">
.common div{
  font-family   : "メイリオ", sans-serif;
  width         : 290px;
  border        : 2px solid #6495ed;
  background    : #e7e7ff;
  padding       : 10px;
}
div.cssTitle {
  margin-top    : 10px;
  background    : #6495ed;
  color         : #fff;
  font-weight   : bold;
}
.css_orphans{
  orphans : 70;
}
.css_widows{
  widows : 20;
}

<!-- html -->
<div class="common">
  <div class="cssTitle">orphans : 70</div>
  <div class="css_orphans">
  改ページ時の前ページに印刷する最低行数を指定。 ~ 改ページ時の前ページに印刷する最低行数を指定。
  </div>

  <div class="cssTitle">widows : 20;</div>
  <div class="css_widows">
  改ページ時の次ページに印刷する最低行数を指定。 ~ 改ページ時の次ページに印刷する最低行数を指定。
  </div>

</div>
orphans : 70;
改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。 改ページ時の前ページに印刷する最低行数を指定。
widows : 20;
改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。 改ページ時の次ページに印刷する最低行数を指定。

ブラウザの印刷プレビューで改ページ位置を確認できます。

広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン