From c30d0b51819d7548c17573e1e1ecf13a51ba564d Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 2 Feb 2022 00:53:44 +0000 Subject: [CRON] sync translated content --- files/ja/_redirects.txt | 2 + files/ja/_wikihistory.json | 24 ++--- .../web/css/print-color-adjust/index.md | 116 +++++++++++++++++++++ .../ja/web/css/-webkit-print-color-adjust/index.md | 72 ------------- files/ja/web/css/color-adjust/index.md | 115 -------------------- files/ja/web/css/print-color-adjust/index.md | 73 +++++++++++++ 6 files changed, 203 insertions(+), 199 deletions(-) create mode 100644 files/ja/conflicting/web/css/print-color-adjust/index.md delete mode 100644 files/ja/web/css/-webkit-print-color-adjust/index.md delete mode 100644 files/ja/web/css/color-adjust/index.md create mode 100644 files/ja/web/css/print-color-adjust/index.md (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index e511d50334..ffb19699e1 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3626,6 +3626,7 @@ /ja/docs/Web/CSS/-moz-zoom-out /ja/docs/Web/CSS/cursor /ja/docs/Web/CSS/-ms-high-contrast /ja/docs/Web/CSS/@media/-ms-high-contrast /ja/docs/Web/CSS/-ms-scroll-snap-type /ja/docs/Web/CSS/scroll-snap-type +/ja/docs/Web/CSS/-webkit-print-color-adjust /ja/docs/Web/CSS/print-color-adjust /ja/docs/Web/CSS/:-moz-placeholder /ja/docs/Web/CSS/:placeholder-shown /ja/docs/Web/CSS/:-ms-input-placeholder /ja/docs/Web/CSS/:placeholder-shown /ja/docs/Web/CSS/:-webkit-autofill /ja/docs/Web/CSS/:autofill @@ -3730,6 +3731,7 @@ /ja/docs/Web/CSS/box_model /ja/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model /ja/docs/Web/CSS/calc /ja/docs/Web/CSS/calc() /ja/docs/Web/CSS/clamp /ja/docs/Web/CSS/clamp() +/ja/docs/Web/CSS/color-adjust /ja/docs/conflicting/Web/CSS/print-color-adjust /ja/docs/Web/CSS/conic-gradient /ja/docs/Web/CSS/gradient/conic-gradient() /ja/docs/Web/CSS/conic-gradient() /ja/docs/Web/CSS/gradient/conic-gradient() /ja/docs/Web/CSS/counter /ja/docs/Web/CSS/counter() diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 673d001d2e..b3c7660de8 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -26833,12 +26833,6 @@ "mfuji09" ] }, - "Web/CSS/-webkit-print-color-adjust": { - "modified": "2020-10-15T22:16:00.721Z", - "contributors": [ - "isudzumi" - ] - }, "Web/CSS/-webkit-tap-highlight-color": { "modified": "2019-04-25T10:41:36.517Z", "contributors": [ @@ -30273,12 +30267,6 @@ "Marsf" ] }, - "Web/CSS/color-adjust": { - "modified": "2020-10-15T22:13:00.476Z", - "contributors": [ - "mfuji09" - ] - }, "Web/CSS/color_value": { "modified": "2020-10-15T21:14:39.477Z", "contributors": [ @@ -32233,6 +32221,12 @@ "sosleepy" ] }, + "Web/CSS/print-color-adjust": { + "modified": "2020-10-15T22:16:00.721Z", + "contributors": [ + "isudzumi" + ] + }, "Web/CSS/quotes": { "modified": "2020-10-15T21:20:00.470Z", "contributors": [ @@ -48617,6 +48611,12 @@ "hommaam" ] }, + "conflicting/Web/CSS/print-color-adjust": { + "modified": "2020-10-15T22:13:00.476Z", + "contributors": [ + "mfuji09" + ] + }, "conflicting/Web/HTTP/Headers/Feature-Policy/xr-spatial-tracking": { "modified": "2020-08-12T12:42:41.854Z", "contributors": [ diff --git a/files/ja/conflicting/web/css/print-color-adjust/index.md b/files/ja/conflicting/web/css/print-color-adjust/index.md new file mode 100644 index 0000000000..4c585c7108 --- /dev/null +++ b/files/ja/conflicting/web/css/print-color-adjust/index.md @@ -0,0 +1,116 @@ +--- +title: color-adjust +slug: conflicting/Web/CSS/print-color-adjust +tags: + - Adjusting Colors + - CSS + - CSS 色 + - CSS プロパティ + - HTML 色 + - HTML スタイル + - レイアウト + - 標準外 + - リファレンス + - Styling HTML + - Styling text + - ウェブ + - color-adjust + - recipe:css-property +translation_of: Web/CSS/color-adjust +original_slug: Web/CSS/color-adjust +browser-compat: css.properties.color-adjust +--- +{{CSSRef}} + +**`color-adjust`** は CSS のプロパティで、{{Glossary("user agent", "ユーザーエージェント")}}が出力端末への要素の表示方法を最適化するために何をするかをウェブ作者が制御することができるものです。既定では、ブラウザーは出力端末の種類と機能を考慮して、要素の外観を必要に応じて慎重に調整することが許可されています。 + +## 構文 + +```css +color-adjust: economy; +color-adjust: exact; + +/* グローバル値 */ +color-adjust: inherit; +color-adjust: initial; +color-adjust: revert; +color-adjust: unset; +``` + +`color-adjust` プロパティの値は、以下のキーワードのうちの一つでなければなりません。 + +### 値 + +- `economy` + - : ユーザーエージェントは、描画する機器に合わせて出力を最適化するために、適切かつ賢明と思われるように要素に調整を行うことができます。例えば印刷時に、ブラウザーは背景画像をすべて削除し、白い紙で読むのに最適なコントラストになるようにテキストの色を調整することができます。これが既定値です。 +- **`exact`** + - : その要素の内容物は、色、画像、スタイルを思慮深く、または重要な方法で使用するために、特別に注意深く作られたものであり、ブラウザーによって変更されると、事態が改善されるどころか、むしろ悪化する可能性があります。内容物の外観は、ユーザーの要求以外で変更してはいけません。例えば、ページに背景色が白と薄い灰色の間で交互に変化する行を持つ情報のリストがあるとします。背景色を削除すると、内容物の読みやすさが損なわれます。 + +## 使用上の注意 + +ブラウザーが指定された外観から外したいと思う理由はいくつかあります。 + +- 内容物が、その出力機器上ではテキストと背景の色が似たような色になってしまう場合に、読みやすくするため。 +- 出力機器がプリンターの場合、インクを節約するために、暗い背景画像や非常に濃い背景画像が削除されることがあります。 +- ページを印刷するとき、ブラウザーは、暗い背景と明るい色のテキストを、白い背景と濃い色のテキストに置き換えようとするかもしれません。 + +色や画像の使用を制御するために、ユーザーエージェントがユーザーに提供しているオプションは、`color-adjust` の値よりも優先されます。言い換えれば、`color-adjust` が何かをするという保証はありません。ユーザーが動作を上書きできるだけでなく、各ユーザーエージェントは、与えられた状況で `color-adjust` をどのように扱うかを自分で決定することができます。 + +## 公式定義 + +{{cssinfo}} + +## 形式文法 + +{{csssyntax}} + +## 例 + +

低コントラストの維持

+ +この例では、黒の背景色の上に {{cssxref("background-image")}} と半透明の {{cssxref("gradient/linear-gradient()", "linear-gradient()")}} 関数を使用して、中程度の赤のテキストの後ろに濃い青のグラデーションを持つボックスが表示されています。理由はどうあれ、これは紙の上を含めたあらゆるレンダリング環境で望ましい外観ですので、`color-adjust: exact` を使用して、レンダリング時にボックスの色やスタイルを調整しないように指示します。 + +#### CSS + +```css +.my-box { + background-color: black; + background-image: linear-gradient(rgba(0, 0, 180, 0.5), rgba(70, 140, 220, 0.5)); + color: #900; + width: 15rem; + height: 6rem; + text-align: center; + font: 24px "Helvetica", sans-serif; + display: flex; + align-items: center; + justify-content: center; + color-adjust: exact; +} +``` + +#### HTML + +```html +
+

Need more contrast!

+
+``` + +#### 結果 + +{{EmbedLiveSample("Preserving_low_contrast", 640, 120)}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [CSS を使った HTML の要素への色の適用](/ja/docs/Web/HTML/Applying_color) +- その他の色に関するプロパティ: {{cssxref("color")}}, {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}}, {{cssxref("caret-color")}}, and {{cssxref("column-rule-color")}} +- {{cssxref("background-image")}} +- {{cssxref("-webkit-print-color-adjust")}} diff --git a/files/ja/web/css/-webkit-print-color-adjust/index.md b/files/ja/web/css/-webkit-print-color-adjust/index.md deleted file mode 100644 index 0683ceb290..0000000000 --- a/files/ja/web/css/-webkit-print-color-adjust/index.md +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: '-webkit-print-color-adjust' -slug: Web/CSS/-webkit-print-color-adjust -tags: - - CSS - - CSS プロパティ - - レイアウト - - 標準外 - - ウェブ - - recipe:css-property -browser-compat: css.properties.-webkit-print-color-adjust -translation_of: Web/CSS/-webkit-print-color-adjust ---- -{{CSSRef}}{{Non-standard_header}} - -**`-webkit-print-color-adjust`** プロパティは標準外の CSS 拡張で、 WebKit ブラウザー上で印刷時に背景色や背景画像の表示を強制することができます。 - -```css -/* キーワード値 */ --webkit-print-color-adjust: economy; --webkit-print-color-adjust: exact; - -/* グローバル値 */ --webkit-print-color-adjust: inherit; --webkit-print-color-adjust: initial; --webkit-print-color-adjust: unset; -``` - -## 構文 - -`-webkit-print-color-adjust` プロパティは以下のキーワード値のうちの一つで指定します。 - -### 値 - -- `economy` - - : 通常の動作です。背景色や背景画像は、ブラウザーの印刷設定ダイアログで、ユーザーが明示的に許可した場合のみ印刷されます。 -- `exact` - - : このルールが適用された要素の背景色や背景画像は常に印刷されます。ユーザーの印刷設定は上書きされます。 - -## 公式定義 - -{{CSSInfo}} - -## 形式文法 - -{{CSSSyntax}} - -## 例 - -### 強制的に白黒で印刷する - -```css -article { - -webkit-print-color-adjust: exact; - background: #222; - color: #eee; -} -``` - -## 仕様書 - -まだ標準には含まれていませんが、標準化を行う[CSSWG wiki の提案](https://wiki.csswg.org/ideas/print-backgrounds)があります。 - -## ブラウザーの互換性 - -{{Compat}} - -## 関連情報 - -- WebKit [bug 64583](https://bugs.webkit.org/show_bug.cgi?id=64583): "WIP: Add CSS property to control printing of backgrounds for individual elements" -- CSSWG wiki: [print-backgrounds](https://wiki.csswg.org/ideas/print-backgrounds) - このプロパティを標準化する提案 -- CSS Color Module Level 4: [`color-adjust`](https://drafts.csswg.org/css-color-4/#color-adjust) プロパティ - このプロパティの標準化のより新しい提案 diff --git a/files/ja/web/css/color-adjust/index.md b/files/ja/web/css/color-adjust/index.md deleted file mode 100644 index 5dd07edb2a..0000000000 --- a/files/ja/web/css/color-adjust/index.md +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: color-adjust -slug: Web/CSS/color-adjust -tags: - - Adjusting Colors - - CSS - - CSS 色 - - CSS プロパティ - - HTML 色 - - HTML スタイル - - レイアウト - - 標準外 - - リファレンス - - Styling HTML - - Styling text - - ウェブ - - color-adjust - - recipe:css-property -browser-compat: css.properties.color-adjust -translation_of: Web/CSS/color-adjust ---- -{{CSSRef}} - -**`color-adjust`** は CSS のプロパティで、{{Glossary("user agent", "ユーザーエージェント")}}が出力端末への要素の表示方法を最適化するために何をするかをウェブ作者が制御することができるものです。既定では、ブラウザーは出力端末の種類と機能を考慮して、要素の外観を必要に応じて慎重に調整することが許可されています。 - -## 構文 - -```css -color-adjust: economy; -color-adjust: exact; - -/* グローバル値 */ -color-adjust: inherit; -color-adjust: initial; -color-adjust: revert; -color-adjust: unset; -``` - -`color-adjust` プロパティの値は、以下のキーワードのうちの一つでなければなりません。 - -### 値 - -- `economy` - - : ユーザーエージェントは、描画する機器に合わせて出力を最適化するために、適切かつ賢明と思われるように要素に調整を行うことができます。例えば印刷時に、ブラウザーは背景画像をすべて削除し、白い紙で読むのに最適なコントラストになるようにテキストの色を調整することができます。これが既定値です。 -- **`exact`** - - : その要素の内容物は、色、画像、スタイルを思慮深く、または重要な方法で使用するために、特別に注意深く作られたものであり、ブラウザーによって変更されると、事態が改善されるどころか、むしろ悪化する可能性があります。内容物の外観は、ユーザーの要求以外で変更してはいけません。例えば、ページに背景色が白と薄い灰色の間で交互に変化する行を持つ情報のリストがあるとします。背景色を削除すると、内容物の読みやすさが損なわれます。 - -## 使用上の注意 - -ブラウザーが指定された外観から外したいと思う理由はいくつかあります。 - -- 内容物が、その出力機器上ではテキストと背景の色が似たような色になってしまう場合に、読みやすくするため。 -- 出力機器がプリンターの場合、インクを節約するために、暗い背景画像や非常に濃い背景画像が削除されることがあります。 -- ページを印刷するとき、ブラウザーは、暗い背景と明るい色のテキストを、白い背景と濃い色のテキストに置き換えようとするかもしれません。 - -色や画像の使用を制御するために、ユーザーエージェントがユーザーに提供しているオプションは、`color-adjust` の値よりも優先されます。言い換えれば、`color-adjust` が何かをするという保証はありません。ユーザーが動作を上書きできるだけでなく、各ユーザーエージェントは、与えられた状況で `color-adjust` をどのように扱うかを自分で決定することができます。 - -## 公式定義 - -{{cssinfo}} - -## 形式文法 - -{{csssyntax}} - -## 例 - -

低コントラストの維持

- -この例では、黒の背景色の上に {{cssxref("background-image")}} と半透明の {{cssxref("gradient/linear-gradient()", "linear-gradient()")}} 関数を使用して、中程度の赤のテキストの後ろに濃い青のグラデーションを持つボックスが表示されています。理由はどうあれ、これは紙の上を含めたあらゆるレンダリング環境で望ましい外観ですので、`color-adjust: exact` を使用して、レンダリング時にボックスの色やスタイルを調整しないように指示します。 - -#### CSS - -```css -.my-box { - background-color: black; - background-image: linear-gradient(rgba(0, 0, 180, 0.5), rgba(70, 140, 220, 0.5)); - color: #900; - width: 15rem; - height: 6rem; - text-align: center; - font: 24px "Helvetica", sans-serif; - display: flex; - align-items: center; - justify-content: center; - color-adjust: exact; -} -``` - -#### HTML - -```html -
-

Need more contrast!

-
-``` - -#### 結果 - -{{EmbedLiveSample("Preserving_low_contrast", 640, 120)}} - -## 仕様書 - -{{Specifications}} - -## ブラウザーの互換性 - -{{Compat}} - -## 関連情報 - -- [CSS を使った HTML の要素への色の適用](/ja/docs/Web/HTML/Applying_color) -- その他の色に関するプロパティ: {{cssxref("color")}}, {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}}, {{cssxref("caret-color")}}, and {{cssxref("column-rule-color")}} -- {{cssxref("background-image")}} -- {{cssxref("-webkit-print-color-adjust")}} diff --git a/files/ja/web/css/print-color-adjust/index.md b/files/ja/web/css/print-color-adjust/index.md new file mode 100644 index 0000000000..a7932c3e4e --- /dev/null +++ b/files/ja/web/css/print-color-adjust/index.md @@ -0,0 +1,73 @@ +--- +title: '-webkit-print-color-adjust' +slug: Web/CSS/print-color-adjust +tags: + - CSS + - CSS プロパティ + - レイアウト + - 標準外 + - ウェブ + - recipe:css-property +translation_of: Web/CSS/-webkit-print-color-adjust +original_slug: Web/CSS/-webkit-print-color-adjust +browser-compat: css.properties.-webkit-print-color-adjust +--- +{{CSSRef}}{{Non-standard_header}} + +**`-webkit-print-color-adjust`** プロパティは標準外の CSS 拡張で、 WebKit ブラウザー上で印刷時に背景色や背景画像の表示を強制することができます。 + +```css +/* キーワード値 */ +-webkit-print-color-adjust: economy; +-webkit-print-color-adjust: exact; + +/* グローバル値 */ +-webkit-print-color-adjust: inherit; +-webkit-print-color-adjust: initial; +-webkit-print-color-adjust: unset; +``` + +## 構文 + +`-webkit-print-color-adjust` プロパティは以下のキーワード値のうちの一つで指定します。 + +### 値 + +- `economy` + - : 通常の動作です。背景色や背景画像は、ブラウザーの印刷設定ダイアログで、ユーザーが明示的に許可した場合のみ印刷されます。 +- `exact` + - : このルールが適用された要素の背景色や背景画像は常に印刷されます。ユーザーの印刷設定は上書きされます。 + +## 公式定義 + +{{CSSInfo}} + +## 形式文法 + +{{CSSSyntax}} + +## 例 + +### 強制的に白黒で印刷する + +```css +article { + -webkit-print-color-adjust: exact; + background: #222; + color: #eee; +} +``` + +## 仕様書 + +まだ標準には含まれていませんが、標準化を行う[CSSWG wiki の提案](https://wiki.csswg.org/ideas/print-backgrounds)があります。 + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- WebKit [bug 64583](https://bugs.webkit.org/show_bug.cgi?id=64583): "WIP: Add CSS property to control printing of backgrounds for individual elements" +- CSSWG wiki: [print-backgrounds](https://wiki.csswg.org/ideas/print-backgrounds) - このプロパティを標準化する提案 +- CSS Color Module Level 4: [`color-adjust`](https://drafts.csswg.org/css-color-4/#color-adjust) プロパティ - このプロパティの標準化のより新しい提案 -- cgit v1.2.3-54-g00ecf