diff options
author | MDN <actions@users.noreply.github.com> | 2021-05-21 00:42:40 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-05-21 00:42:40 +0000 |
commit | 4d3b1c2c79113786e001e3bec551205cd34f818a (patch) | |
tree | fcff970c1fb2155bfcd55f5e2056a79cefd58890 /files/ja/orphaned/web/css | |
parent | a8cc0431ca75f502b324ec880c62c0f6caf71727 (diff) | |
download | translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.tar.gz translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.tar.bz2 translated-content-4d3b1c2c79113786e001e3bec551205cd34f818a.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/orphaned/web/css')
-rw-r--r-- | files/ja/orphaned/web/css/@media/scan/index.html | 89 | ||||
-rw-r--r-- | files/ja/orphaned/web/css/@page/bleed/index.html | 82 | ||||
-rw-r--r-- | files/ja/orphaned/web/css/@page/marks/index.html | 87 |
3 files changed, 258 insertions, 0 deletions
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 +--- +<div>{{cssref}}</div> + +<p><strong><code>scan</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は、 (もしあれば) 出力端末で使用されているスキャン方式を調べるために使用することができます。ここで使われる<em>スキャン</em>という言葉は、写真をディジタル化するためのイメージスキャナを指すものではありません。そうではなく、テレビ画面 (またはその他の端末) に画像を描画するプロセスを意味します。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<p><code>scan</code> 特性は以下の一覧のうち一つのキーワード値で指定します。</p> + +<dl> + <dt><code>interlace</code></dt> + <dd>その端末では奇数の走査線と偶数の走査線を別々に描きます。一部のテレビはインターレスのスキャン方式を採用しています。</dd> + <dt><code>progressive</code></dt> + <dd>その端末ではすべての走査線を順番に描きます。コンピューターの画面はすべてプログレッシブのスキャン方式を採用しています。</dd> +</dl> + +<h2 id="Example" name="Example">例</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html notranslate"><p>この画面がインターレスで描画されていると、 + 文字列はサンセリフのフォントになります。プログレッシブのスキャン方式では、 + セリフフォントで見えるでしょう。</p> +</pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css notranslate">p { + font-family: cursive; +} + +@media (scan: interlace) { + p { + font-family: sans-serif; + } +} + +@media (scan: progressive) { + p { + font-family: serif; + } +}</pre> + +<h3 id="Result" name="Result">結果</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Media Queries', '#scan', 'scan')}}</td> + <td>{{Spec2('CSS4 Media Queries')}}</td> + <td>変更なし。</td> + </tr> + <tr> + <td>{{SpecName('CSS3 Media Queries', '#scan', 'scan')}}</td> + <td>{{Spec2('CSS3 Media Queries')}}</td> + <td>初回定義。</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("css.at-rules.media.scan")}}</p> 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 +--- +<div>{{CSSRef}}{{SeeCompatTable}}</div> + +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>bleed</code></strong> <a href="/ja/docs/Web/CSS/At-rule">@-規則</a>記述子は、 {{cssxref("@page")}} @-規則で使用し、ページボックスの外にあるページの裁ち落とし領域の大きさを指定します。このプロパティは、 {{cssxref("@page/marks", "marks")}} プロパティを使用して裁ち落とし記号を有効にしている場合のみ効果があります。</p> + +<p>{{cssinfo}}</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="brush:css">/* キーワード値 */ +bleed: auto; + +/* <length> 値 */ +bleed: 8pt; +bleed: 1cm; +</pre> + +<h3 id="Values" name="Values">値</h3> + +<dl> + <dt><code>auto</code></dt> + <dd>{{cssxref("@page/marks", "marks")}} が <code>crop</code> の場合、 <code>6pt</code> に計算します。それ以外の場合はゼロに計算します。</dd> + <dt><code>{{cssxref("<length>")}}</code></dt> + <dd>ページボックスの外に裁ち落とし領域を、各方向に、どれだけ広げるかを指定します。値は負の数にすることができますが、実装に依存する制限があるかもしれません。</dd> +</dl> + +<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> + +{{csssyntax}} + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: css">@page { + bleed: 1cm; +} +</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("CSS3 Paged Media", "#bleed", "bleed")}}</td> + <td>{{Spec2("CSS3 Paged Media")}}</td> + <td>初回定義。</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> + +<p>{{Compat("css.at-rules.page.bleed")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{Cssxref("@page/marks", "marks")}}</li> + <li>{{Cssxref("@page/size", "size")}}</li> +</ul> 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 +--- +<div>{{CSSRef}}{{SeeCompatTable}}</div> + +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>marks</code></strong> <a href="/ja/docs/Web/CSS/At-rule">@-規則</a>記述子は、 {{cssxref("@page")}} @-規則で使用し、文書の表現に対して裁ち落とし記号や十字記号を追加します。<em>裁ち落とし記号</em>はページを切断するべき場所を示します。<em>十字記号</em>はシートの配置のために使用します。</p> + +<p>裁ち落とし記号や十字記号はページボックスの外側に印刷されます。裁ち落とし記号や十字記号を表示する余地を確保するため、最終的なページはページボックスよりいくらか大きくする必要があります。</p> + +<p>{{cssinfo}}</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="brush:css">/* キーワード値 */ +marks: none; +marks: crop; +marks: cross; +marks: crop cross; +</pre> + +<h3 id="Values" name="Values">値</h3> + +<dl> + <dt><code>crop</code></dt> + <dd>裁ち落とし記号を表示します。</dd> + <dt><code>cross</code></dt> + <dd>十字記号を表示します。</dd> + <dt><code>none</code></dt> + <dd>記号を表示しません。</dd> +</dl> + +<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> + +{{csssyntax}} + +<h2 id="Examples" name="Examples">例</h2> + +<pre class="brush: css">@page { + marks: crop cross; +} +</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS3 Paged Media', '#marks', 'marks')}}</td> + <td>{{Spec2('CSS3 Paged Media')}}</td> + <td>初回定義。</td> + </tr> + </tbody> +</table> + +<p>この CSS プロパティは当初は CSS Level 2 で提案されましたが、 CSS Level 2 (Revision 1) で落とされました。</p> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> + +<p>{{Compat("css.at-rules.page.marks")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{Cssxref("@page/bleed", "bleed")}}</li> + <li>{{Cssxref("@page/size", "size")}}</li> +</ul> |