page
pageプロパティの役割
pageプロパティは、印刷する書式等を指定して印刷します。
pageプロパティを利用するには、@page規則で使った識別子を指定します。
pageプロパティはCSS2.1で廃止され、CSS3で再び導入されます。
pageプロパティに設定できる値
識別子 | @page規則で指定した識別子を指定。 |
@page規則
@page規則とは、印刷など、スクリーン出力以外のメディアへの出力用に指定する規則です。
@page規則の書式は、
@page 識別子{
CSSプロパティ
}
です。
@page規則に使えるプロパティは、sizeプロパティとmarginプロパティです。
pageプロパティの使い方
<style>
@page KISOKU{
size:landscape;
margin:150px;
}
#kisoku{
page:KISOKU;
}
</style>
<p id="kisoku">ページ規則</p>
ページ規則
上記のサンプルでは、印刷方向を横向きに指定したページ規則「KISOKU」を指定しています。
関連リンク
- プロパティリファレンス:page-break-before
- プロパティリファレンス:page-break-inside
- プロパティリファレンス:page-break-after
- プロパティリファレンス:size
- プロパティリファレンス:margin
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-9-18