最終更新日

sizeプロパティ

sizeは、@pageで定義済みのページボックスのサイズと向きを指定するプロパティです。

値は「auto」「portrait」「landscape」「長さの値」「ページサイズ(A5, A4, A3, B5, B4, letter, legal, ledger)」があります。初期値は「auto」です。

「auto」「portrait」「landscape」は相対的な値で、それ以外は絶対的な値です。

このプロパティは、値の組み合わせ方のルールが複雑なので、正規表現を以下に示します。正規表現の読み方は「仕様書内の値定義の読み方」を参考にして下さい。

<length>{1,2} | auto | [ <page-size> || [ portrait | landscape] ]

CSS3での変更点
・sizeは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
auto page context外部リンク N/A
説明
auto 向きもサイズもブラウザの設定に従います。(初期値
portrait 縦向きです。サイズはブラウザの設定に従います。
landscape 横向きです。サイズはブラウザの設定に従います。
長さの値 数値に「mm」「pt」「in」などの単位をつけて指定します。値は1~2個指定できます。値が1つの場合は、幅と高さに同じ値が適用されます。値が2つの場合は、1つ目の値が幅で、2つ目の値が高さになります。
A5 幅148mm × 高さ210mm
A4 幅210mm × 高さ297mm
A3 幅297mm × 高420mm
B5 幅176mm × 高250mm
B4 幅250mm × 高353mm
letter 幅8.5インチ × 高さ11インチ(216mm × 279mm)
legal 幅8.5インチ × 高さ14インチ(216mm × 356mm)
ledger 幅11インチ × 高さ17インチ(279mm × 432mm)
サンプルコード
size: auto;
size: portrait;
size: landscape;
size: 200mm;
size: 200mm 100mm;
size: A5;
size: A4;
size: A3;
size: B5;
size: B4;
size: letter;
size: legal;
size: ledger;
参考文献:CSS3 Module: Paged Media外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。