カテゴリー
CSS page

【CSS】page:ページボックス名を指定する

【CSS】pageの使用方法

See the Pen
page
by linlin (@linlin098765)
on CodePen.

<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p> 
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> 
@page m50 {margin:50mm;}
p.sample1 {page:m50;}

【CSS】page:ページボックス名を指定する

 CSSのpageは、@pageで定義されたページボックス名を指定し、ページボックスを適用するプロパティです。

  • auto
    自動設定(初期値)
  • ページボックス名