page-break-inside

書式

page-break-inside:改行方法

対象

-

継承

する

初期値

auto

バージョン

CSS Level 2

対応ブラウザ

Opera 6以降
解説
要素内での改ページ方法を指定します。以下のものが指定できます。
設定値改ページ方法
auto自動
avoid改ページを避ける
inherit設定を継承する
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
p { position:absolute; left:10px; top:10px;width:300px;height:100px;
page-break-inside:avoid;
}
--></style>
</head>
<body>
<p>CSS Sample Text<br>
page-break-insideでavoidを指定すると、その要素中では改ページされなくなります。<br>
このサンプルでは行数が少なく2ページ目がないので、よいサンプルとは言えませんが・・・
</p>
</body>
</html>
実際のサンプルをダウンロード