From 4d3b1c2c79113786e001e3bec551205cd34f818a Mon Sep 17 00:00:00 2001 From: MDN Date: Fri, 21 May 2021 00:42:40 +0000 Subject: [CRON] sync translated content --- files/ja/orphaned/web/css/@media/scan/index.html | 89 ++++++++++++++++++++++++ files/ja/orphaned/web/css/@page/bleed/index.html | 82 ++++++++++++++++++++++ files/ja/orphaned/web/css/@page/marks/index.html | 87 +++++++++++++++++++++++ 3 files changed, 258 insertions(+) create mode 100644 files/ja/orphaned/web/css/@media/scan/index.html create mode 100644 files/ja/orphaned/web/css/@page/bleed/index.html create mode 100644 files/ja/orphaned/web/css/@page/marks/index.html (limited to 'files/ja/orphaned/web/css') diff --git a/files/ja/orphaned/web/css/@media/scan/index.html b/files/ja/orphaned/web/css/@media/scan/index.html new file mode 100644 index 0000000000..5999f2552b --- /dev/null +++ b/files/ja/orphaned/web/css/@media/scan/index.html @@ -0,0 +1,89 @@ +--- +title: scan +slug: orphaned/Web/CSS/@media/scan +tags: + - '@media' + - CSS + - Media Queries + - Reference + - media feature + - メディアクエリ + - メディア特性 +translation_of: Web/CSS/@media/scan +original_slug: Web/CSS/@media/scan +--- +
{{cssref}}
+ +

scan は CSS のメディア特性は、 (もしあれば) 出力端末で使用されているスキャン方式を調べるために使用することができます。ここで使われるスキャンという言葉は、写真をディジタル化するためのイメージスキャナを指すものではありません。そうではなく、テレビ画面 (またはその他の端末) に画像を描画するプロセスを意味します。

+ +

構文

+ +

scan 特性は以下の一覧のうち一つのキーワード値で指定します。

+ +
+
interlace
+
その端末では奇数の走査線と偶数の走査線を別々に描きます。一部のテレビはインターレスのスキャン方式を採用しています。
+
progressive
+
その端末ではすべての走査線を順番に描きます。コンピューターの画面はすべてプログレッシブのスキャン方式を採用しています。
+
+ +

例

+ +

HTML

+ +
<p>この画面がインターレスで描画されていると、
+   文字列はサンセリフのフォントになります。プログレッシブのスキャン方式では、
+   セリフフォントで見えるでしょう。</p>
+
+ +

CSS

+ +
p {
+  font-family: cursive;
+}
+
+@media (scan: interlace) {
+  p {
+    font-family: sans-serif;
+  }
+}
+
+@media (scan: progressive) {
+  p {
+    font-family: serif;
+  }
+}
+ +

結果

+ +

{{EmbedLiveSample("Example")}}

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS4 Media Queries', '#scan', 'scan')}}{{Spec2('CSS4 Media Queries')}}変更なし。
{{SpecName('CSS3 Media Queries', '#scan', 'scan')}}{{Spec2('CSS3 Media Queries')}}初回定義。
+ +

ブラウザーの互換性

+ + + +

{{Compat("css.at-rules.media.scan")}}

diff --git a/files/ja/orphaned/web/css/@page/bleed/index.html b/files/ja/orphaned/web/css/@page/bleed/index.html new file mode 100644 index 0000000000..062c48e6ab --- /dev/null +++ b/files/ja/orphaned/web/css/@page/bleed/index.html @@ -0,0 +1,82 @@ +--- +title: bleed +slug: orphaned/Web/CSS/@page/bleed +tags: + - '@page' + - CSS + - CSS ページ化メディア + - CSS 記述子 + - Experimental + - Reference + - bleed + - ウェブ +translation_of: Web/CSS/@page/bleed +original_slug: Web/CSS/@page/bleed +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

CSS の bleed @-規則記述子は、 {{cssxref("@page")}} @-規則で使用し、ページボックスの外にあるページの裁ち落とし領域の大きさを指定します。このプロパティは、 {{cssxref("@page/marks", "marks")}} プロパティを使用して裁ち落とし記号を有効にしている場合のみ効果があります。

+ +

{{cssinfo}}

+ +

構文

+ +
/* キーワード値 */
+bleed: auto;
+
+/* <length> 値 */
+bleed: 8pt;
+bleed: 1cm;
+
+ +

値

+ +
+
auto
+
{{cssxref("@page/marks", "marks")}} が crop の場合、 6pt に計算します。それ以外の場合はゼロに計算します。
+
{{cssxref("<length>")}}
+
ページボックスの外に裁ち落とし領域を、各方向に、どれだけ広げるかを指定します。値は負の数にすることができますが、実装に依存する制限があるかもしれません。
+
+ +

形式文法

+ +{{csssyntax}} + +

例

+ +
@page {
+  bleed: 1cm;
+}
+
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSS3 Paged Media", "#bleed", "bleed")}}{{Spec2("CSS3 Paged Media")}}初回定義。
+ +

ブラウザーの対応

+ + + +

{{Compat("css.at-rules.page.bleed")}}

+ +

関連情報

+ + diff --git a/files/ja/orphaned/web/css/@page/marks/index.html b/files/ja/orphaned/web/css/@page/marks/index.html new file mode 100644 index 0000000000..2e3f359a58 --- /dev/null +++ b/files/ja/orphaned/web/css/@page/marks/index.html @@ -0,0 +1,87 @@ +--- +title: marks +slug: orphaned/Web/CSS/@page/marks +tags: + - '@page' + - CSS + - CSS ページ化メディア + - CSS 記述子 + - Experimental + - Reference + - ウェブ + - レイアウト +translation_of: Web/CSS/@page/marks +original_slug: Web/CSS/@page/marks +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

CSS の marks @-規則記述子は、 {{cssxref("@page")}} @-規則で使用し、文書の表現に対して裁ち落とし記号や十字記号を追加します。裁ち落とし記号はページを切断するべき場所を示します。十字記号はシートの配置のために使用します。

+ +

裁ち落とし記号や十字記号はページボックスの外側に印刷されます。裁ち落とし記号や十字記号を表示する余地を確保するため、最終的なページはページボックスよりいくらか大きくする必要があります。

+ +

{{cssinfo}}

+ +

構文

+ +
/* キーワード値 */
+marks: none;
+marks: crop;
+marks: cross;
+marks: crop cross;
+
+ +

値

+ +
+
crop
+
裁ち落とし記号を表示します。
+
cross
+
十字記号を表示します。
+
none
+
記号を表示しません。
+
+ +

形式文法

+ +{{csssyntax}} + +

例

+ +
@page {
+  marks: crop cross;
+}
+
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS3 Paged Media', '#marks', 'marks')}}{{Spec2('CSS3 Paged Media')}}初回定義。
+ +

この CSS プロパティは当初は CSS Level 2 で提案されましたが、 CSS Level 2 (Revision 1) で落とされました。

+ +

ブラウザーの対応

+ + + +

{{Compat("css.at-rules.page.marks")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf