カテゴリー
CSS size

【CSS】size:ページボックスのサイズ・向きを指定する

(例)【CSS】sizeの使用方法

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

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

【CSS】size:ページボックスのサイズ・向きを指定する

 CSSのsizeは、pageプロパティで定義したページボックスのサイズ・向きを指定するプロパティです。1つの値を指定するとサイズ・向きの両方がその値となり、2つの値を指定するとサイズ・向きをそれぞれ指定可能です。

  • auto
    自動設定(初期値)
  • 数値+単位
    数値+単位(mm,pt,in等)を指定(em,exは指定不可)
  • portrait
    縦位置、サイズは自動設定
  • landscape
    横位置、サイズは自動設定