【CSS Modules】sizeアットルール記述子の使い方
sizeアットルール記述子の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
sizeプロパティは、CSSの@pageルール内で、印刷時のページの寸法や向きを定義する情報を保持するプロパティです。このプロパティは、ウェブコンテンツを印刷する際の用紙のレイアウトを詳細に制御するために用いられます。
具体的には、A4 や Letter といった標準的な用紙サイズを指定したり、特定の幅と高さを直接指定してカスタムサイズを設定したりできます。また、ページの向きを portrait（縦向き）または landscape（横向き）に設定することも可能です。例えば、@page { size: A4 landscape; } と記述することで、印刷される各ページがA4サイズの横向きで表示されるようになります。これは、横長のテーブルや図を含むレポートなどを印刷する際に特に有効です。
size プロパティの活用により、Webサイトの情報を紙媒体に出力する際の視認性や可読性を高め、ユーザーエクスペリエンスを向上させることができます。システムエンジニアとして印刷向けのスタイルシートを設計する際には、この size プロパティを適切に理解し、活用することが求められます。
公式リファレンス: size
構文(syntax)
1size: auto | <length>{1,2} | <page-size> || portrait | landscape;
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません