HTTP/2 200
x-guploader-uploadid: AAwnv3ILyzSXYtjuFwTAgVcz8r08c5sJPm10B5ik28bzzro4OMxkIkh7YzT5GhfvkXcfDxPg
x-goog-generation: 1760058702811533
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 275818
x-goog-meta-goog-reserved-file-mtime: 1760056939
x-goog-hash: crc32c=z6yMcA==, md5=xV6vf7/USZ4S1JImRLsNlw==
x-goog-storage-class: STANDARD
accept-ranges: none
expires: Fri, 10 Oct 2025 06:43:53 GMT
cache-control: public, max-age=3600
last-modified: Fri, 10 Oct 2025 01:11:42 GMT
etag: W/"c55eaf7fbfd4499e12d4922644bb0d97"
content-type: text/html
age: 0
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: 2df5d8cad1b3b3aa39be4b0eeff7232b
date: Fri, 10 Oct 2025 05:43:53 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
size - CSS: カスケーディングスタイルシート | MDN
/* 拡縮可能な寸法のキーワード値 */
size: auto;
size: portrait;
size: landscape;
/* <length> 値 */
/* 1 値: 高さ = 幅 */
size: 6in;
/* 2 値: 幅の後に高さ*/
size: 4in 6in;
/* 絶対寸法のキーワード値 */
size: A4;
size: B5;
size: JIS-B4;
size: letter;
/* 寸法と方向の混合 */
size: A4 portrait;
auto
-
ユーザーエージェントがページの寸法を決定します。多くの場合、対象となる用紙の寸法と向きが使用されます。
landscape
-
ページのコンテンツは横向きモード (ボックスの長辺が水平) で表示されます。
portrait
-
ページのコンテンツは縦向きモード (ボックスの長辺が垂直) で表示されます。これが既定の向きです。
<length>
-
何らかの長さの値(<length>
を参照)。最初の値はページボックスの幅に対応し、二番目の値は高さに対応します。一つしか値が提供されない場合は、幅と高さの両方に使用されます。
<page-size>
-
キーワード値で、次のいずれかです。
- A5
-
これは標準の ISO の寸法 148mm x 210mm に一致します。
- A4
-
これは標準の ISO の寸法 210mm x 297mm に一致します。(個人の印刷では最もよく使われる寸法です。)
- A3
-
これは標準の ISO の寸法 297mm x 420mm に一致します。
- B5
-
これは標準の ISO の寸法 176mm x 250mm に一致します。
- B4
-
これは標準の ISO の寸法 250mm x 353mm に一致します。
- JIS-B5
-
これは JIS 標準の寸法 182mm x 257mm に対応します。
- JIS-B4
-
これは JIS 標準の寸法 257mm x 364mm に対応します。
- letter
-
このキーワードは北米のレター用紙の寸法、すなわち 8.5in x 11in と同等です。
- legal
-
このキーワードは北米のリーガル用紙の寸法、すなわち 8.5in x 14in と同等です。
- ledger
-
このキーワードは北米の ledger 用紙の寸法、すなわち 11in x 17in と同等です。
size =
<length [0,∞]>{1,2} |
auto |
[ <page-size> || [ portrait | landscape ] ]
@page {
size: A4 landscape;
}
@media print {
@page {
size: 50mm 150mm;
}
}