From 48e8f90e628c15e1678699454a27d74d48f0fd95 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 5 Dec 2021 01:51:40 +0900 Subject: WebKit 固有のプロパティを変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/css/-webkit-overflow-scrolling/index.html | 87 ------------------- .../ja/web/css/-webkit-overflow-scrolling/index.md | 87 +++++++++++++++++++ .../web/css/-webkit-print-color-adjust/index.html | 64 -------------- .../ja/web/css/-webkit-print-color-adjust/index.md | 64 ++++++++++++++ .../web/css/-webkit-tap-highlight-color/index.html | 40 --------- .../web/css/-webkit-tap-highlight-color/index.md | 40 +++++++++ .../ja/web/css/-webkit-text-fill-color/index.html | 98 ---------------------- files/ja/web/css/-webkit-text-fill-color/index.md | 98 ++++++++++++++++++++++ 8 files changed, 289 insertions(+), 289 deletions(-) delete mode 100644 files/ja/web/css/-webkit-overflow-scrolling/index.html create mode 100644 files/ja/web/css/-webkit-overflow-scrolling/index.md delete mode 100644 files/ja/web/css/-webkit-print-color-adjust/index.html create mode 100644 files/ja/web/css/-webkit-print-color-adjust/index.md delete mode 100644 files/ja/web/css/-webkit-tap-highlight-color/index.html create mode 100644 files/ja/web/css/-webkit-tap-highlight-color/index.md delete mode 100644 files/ja/web/css/-webkit-text-fill-color/index.html create mode 100644 files/ja/web/css/-webkit-text-fill-color/index.md (limited to 'files/ja') diff --git a/files/ja/web/css/-webkit-overflow-scrolling/index.html b/files/ja/web/css/-webkit-overflow-scrolling/index.html deleted file mode 100644 index 9f5655ffa1..0000000000 --- a/files/ja/web/css/-webkit-overflow-scrolling/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: '-webkit-overflow-scrolling' -slug: Web/CSS/-webkit-overflow-scrolling -tags: - - CSS - - CSS プロパティ - - Reference - - WebKit 拡張 - - リファレンス - - 標準外 -translation_of: Web/CSS/-webkit-overflow-scrolling ---- -
{{CSSRef}} {{Non-standard_header}}
- -

-webkit-overflow-scrolling は CSS のプロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。

- -

{{cssinfo}}

- -

値

- -
-
auto
-
「通常」のスクロールで、タッチパネルから指を離すとすぐにコンテンツはスクロールが停止します。
-
touch
-
惰性付きのスクロールで、コンテンツはスクロールのジェスチャーが終了し、タッチパネルから指を離した後もスクロールを続けます。スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによります。また、新しい重ね合わせコンテキストを生成します。
-
- -

形式文法

- -{{csssyntax}} - -

例

- -

HTML

- -
<div class="scroll-touch">
-  <p>
-    This paragraph has momentum scrolling
-  </p>
-</div>
-<div class="scroll-auto">
-  <p>
-    This paragraph does not.
-  </p>
-</div>
- -

CSS

- -
div {
-  width: 100%;
-  overflow: auto;
-}
-
-p {
-  width: 200%;
-  background: #f5f9fa;
-  border: 2px solid #eaf2f4;
-  padding: 10px;
-}
-
-.scroll-touch {
-  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
-}
-
-.scroll-auto {
-  -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
-}
-
- -

結果

- -

{{EmbedLiveSample('Examples')}}

- -

仕様書

- -

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

- -

ブラウザーの互換性

- -

{{Compat("css.properties.-webkit-overflow-scrolling")}}

- -

関連情報

- - diff --git a/files/ja/web/css/-webkit-overflow-scrolling/index.md b/files/ja/web/css/-webkit-overflow-scrolling/index.md new file mode 100644 index 0000000000..9f5655ffa1 --- /dev/null +++ b/files/ja/web/css/-webkit-overflow-scrolling/index.md @@ -0,0 +1,87 @@ +--- +title: '-webkit-overflow-scrolling' +slug: Web/CSS/-webkit-overflow-scrolling +tags: + - CSS + - CSS プロパティ + - Reference + - WebKit 拡張 + - リファレンス + - 標準外 +translation_of: Web/CSS/-webkit-overflow-scrolling +--- +
{{CSSRef}} {{Non-standard_header}}
+ +

-webkit-overflow-scrolling は CSS のプロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。

+ +

{{cssinfo}}

+ +

値

+ +
+
auto
+
「通常」のスクロールで、タッチパネルから指を離すとすぐにコンテンツはスクロールが停止します。
+
touch
+
惰性付きのスクロールで、コンテンツはスクロールのジェスチャーが終了し、タッチパネルから指を離した後もスクロールを続けます。スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによります。また、新しい重ね合わせコンテキストを生成します。
+
+ +

形式文法

+ +{{csssyntax}} + +

例

+ +

HTML

+ +
<div class="scroll-touch">
+  <p>
+    This paragraph has momentum scrolling
+  </p>
+</div>
+<div class="scroll-auto">
+  <p>
+    This paragraph does not.
+  </p>
+</div>
+ +

CSS

+ +
div {
+  width: 100%;
+  overflow: auto;
+}
+
+p {
+  width: 200%;
+  background: #f5f9fa;
+  border: 2px solid #eaf2f4;
+  padding: 10px;
+}
+
+.scroll-touch {
+  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
+}
+
+.scroll-auto {
+  -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
+}
+
+ +

結果

+ +

{{EmbedLiveSample('Examples')}}

+ +

仕様書

+ +

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

+ +

ブラウザーの互換性

+ +

{{Compat("css.properties.-webkit-overflow-scrolling")}}

+ +

関連情報

+ + diff --git a/files/ja/web/css/-webkit-print-color-adjust/index.html b/files/ja/web/css/-webkit-print-color-adjust/index.html deleted file mode 100644 index d2a39762fe..0000000000 --- a/files/ja/web/css/-webkit-print-color-adjust/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: '-webkit-print-color-adjust' -slug: Web/CSS/-webkit-print-color-adjust -tags: - - CSS - - CSS Property - - Layout - - Non-standard - - Web -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;
-
- -

構文

- -

The -webkit-print-color-adjust 以下のいずれかの値を持ちます。

- -

値

- -
-
economy
-
初期値です。背景色・背景画像はユーザーが明示的にブラウザの設定で許可した場合のみプリントされます。
-
exact
-
この値が適用された要素の背景色・背景画像を強制的にプリントします。ユーザーのプリント設定を上書きます。
-
- -

例

- -
/* 黒地に白文字でプリントする */
-article {
-  -webkit-print-color-adjust: exact;
-  background: #222;
-  color: #eee;
-}
- -

仕様書

- -

Not part of any specification yet, though there is a proposal in the CSSWG wiki to standardize it.

- -

ブラウザー実装状況

- - - -

{{Compat("css.properties.-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 new file mode 100644 index 0000000000..d2a39762fe --- /dev/null +++ b/files/ja/web/css/-webkit-print-color-adjust/index.md @@ -0,0 +1,64 @@ +--- +title: '-webkit-print-color-adjust' +slug: Web/CSS/-webkit-print-color-adjust +tags: + - CSS + - CSS Property + - Layout + - Non-standard + - Web +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;
+
+ +

構文

+ +

The -webkit-print-color-adjust 以下のいずれかの値を持ちます。

+ +

値

+ +
+
economy
+
初期値です。背景色・背景画像はユーザーが明示的にブラウザの設定で許可した場合のみプリントされます。
+
exact
+
この値が適用された要素の背景色・背景画像を強制的にプリントします。ユーザーのプリント設定を上書きます。
+
+ +

例

+ +
/* 黒地に白文字でプリントする */
+article {
+  -webkit-print-color-adjust: exact;
+  background: #222;
+  color: #eee;
+}
+ +

仕様書

+ +

Not part of any specification yet, though there is a proposal in the CSSWG wiki to standardize it.

+ +

ブラウザー実装状況

+ + + +

{{Compat("css.properties.-webkit-print-color-adjust")}}

+ +

関連情報

+ + diff --git a/files/ja/web/css/-webkit-tap-highlight-color/index.html b/files/ja/web/css/-webkit-tap-highlight-color/index.html deleted file mode 100644 index 9496a8d8da..0000000000 --- a/files/ja/web/css/-webkit-tap-highlight-color/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: '-webkit-tap-highlight-color' -slug: Web/CSS/-webkit-tap-highlight-color -tags: - - CSS - - CSS プロパティ - - Reference - - WebKit 拡張 - - 標準外 -translation_of: Web/CSS/-webkit-tap-highlight-color ---- -
{{ CSSRef() }}
- -

{{ Non-standard_header() }}

- -

-webkit-tap-highlight-color は CSS の標準外のプロパティで、リンクがタップされている間に表示される強調色を設定します。強調は、ユーザーがタップしたことが正常に認識されていることを示し、またどの要素がタップされているかを示します。

- -
-webkit-tap-highlight-color: red;
--webkit-tap-highlight-color: transparent; /* 強調をなくす */
-
- -

{{cssinfo}}

- -

構文

- -

値

- -

A {{Cssxref("color value")}}.

- -

形式文法

- -{{csssyntax}} - -

仕様書

- -

何れかの仕様書の一部ではありません。 Apple では Safari Web Content Guide での説明があります。

- -

ブラウザーの対応

- -

WebKit/Safari, Blink/Chrome, 一部のバージョンの Internet Explorer と Microsoft Edge が対応しています。

diff --git a/files/ja/web/css/-webkit-tap-highlight-color/index.md b/files/ja/web/css/-webkit-tap-highlight-color/index.md new file mode 100644 index 0000000000..9496a8d8da --- /dev/null +++ b/files/ja/web/css/-webkit-tap-highlight-color/index.md @@ -0,0 +1,40 @@ +--- +title: '-webkit-tap-highlight-color' +slug: Web/CSS/-webkit-tap-highlight-color +tags: + - CSS + - CSS プロパティ + - Reference + - WebKit 拡張 + - 標準外 +translation_of: Web/CSS/-webkit-tap-highlight-color +--- +
{{ CSSRef() }}
+ +

{{ Non-standard_header() }}

+ +

-webkit-tap-highlight-color は CSS の標準外のプロパティで、リンクがタップされている間に表示される強調色を設定します。強調は、ユーザーがタップしたことが正常に認識されていることを示し、またどの要素がタップされているかを示します。

+ +
-webkit-tap-highlight-color: red;
+-webkit-tap-highlight-color: transparent; /* 強調をなくす */
+
+ +

{{cssinfo}}

+ +

構文

+ +

値

+ +

A {{Cssxref("color value")}}.

+ +

形式文法

+ +{{csssyntax}} + +

仕様書

+ +

何れかの仕様書の一部ではありません。 Apple では Safari Web Content Guide での説明があります。

+ +

ブラウザーの対応

+ +

WebKit/Safari, Blink/Chrome, 一部のバージョンの Internet Explorer と Microsoft Edge が対応しています。

diff --git a/files/ja/web/css/-webkit-text-fill-color/index.html b/files/ja/web/css/-webkit-text-fill-color/index.html deleted file mode 100644 index ca4a868081..0000000000 --- a/files/ja/web/css/-webkit-text-fill-color/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: '-webkit-text-fill-color' -slug: Web/CSS/-webkit-text-fill-color -translation_of: Web/CSS/-webkit-text-fill-color ---- -
{{CSSRef}}{{Non-standard_header}}
- -

-webkit-text-fill-color はCSSのプロパティで、テキストの文字の色を示します。このプロパティが設定されていない場合、{{cssxref("color")}}プロパティの値が使用されます。

- -
/* <color> 値 */
--webkit-text-fill-color: red;
--webkit-text-fill-color: #000000;
--webkit-text-fill-color: rgb(100, 200, 0);
-
-/* グローバル値 */
--webkit-text-fill-color: inherit;
--webkit-text-fill-color: initial;
--webkit-text-fill-color: unset;
-
- -

{{CSSInfo}}

- -

構文

- -

値

- -
-
<color>
-
文字表面の塗りつぶし色。
-
- -

形式構文

- -{{csssyntax}} - -

例

- -

色を変える

- -

CSS

- -
p {
-  margin: 0;
-  font-size: 3em;
-  -webkit-text-fill-color: green;
-}
-
- -

HTML

- -
<p>This text is green.</p>
-
- -

結果

- -

{{EmbedLiveSample("Changing_the_fill_color", "380px", "60px")}}

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - -
仕様書備考状態
{{SpecName('Compat', '#the-webkit-text-fill-color', '-webkit-text-fill-color')}}{{Spec2('Compat')}}初回標準化
Safari CSS Reference
- '-webkit-text-fill-color' in that document.		標準外で非公式の文書化初回文章化
- -

ブラウザの互換性

- - - -

{{Compat("css.properties.-webkit-text-fill-color")}}

- -

関連情報

- - diff --git a/files/ja/web/css/-webkit-text-fill-color/index.md b/files/ja/web/css/-webkit-text-fill-color/index.md new file mode 100644 index 0000000000..ca4a868081 --- /dev/null +++ b/files/ja/web/css/-webkit-text-fill-color/index.md @@ -0,0 +1,98 @@ +--- +title: '-webkit-text-fill-color' +slug: Web/CSS/-webkit-text-fill-color +translation_of: Web/CSS/-webkit-text-fill-color +--- +
{{CSSRef}}{{Non-standard_header}}
+ +

-webkit-text-fill-color はCSSのプロパティで、テキストの文字の色を示します。このプロパティが設定されていない場合、{{cssxref("color")}}プロパティの値が使用されます。

+ +
/* <color> 値 */
+-webkit-text-fill-color: red;
+-webkit-text-fill-color: #000000;
+-webkit-text-fill-color: rgb(100, 200, 0);
+
+/* グローバル値 */
+-webkit-text-fill-color: inherit;
+-webkit-text-fill-color: initial;
+-webkit-text-fill-color: unset;
+
+ +

{{CSSInfo}}

+ +

構文

+ +

値

+ +
+
<color>
+
文字表面の塗りつぶし色。
+
+ +

形式構文

+ +{{csssyntax}} + +

例

+ +

色を変える

+ +

CSS

+ +
p {
+  margin: 0;
+  font-size: 3em;
+  -webkit-text-fill-color: green;
+}
+
+ +

HTML

+ +
<p>This text is green.</p>
+
+ +

結果

+ +

{{EmbedLiveSample("Changing_the_fill_color", "380px", "60px")}}

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書備考状態
{{SpecName('Compat', '#the-webkit-text-fill-color', '-webkit-text-fill-color')}}{{Spec2('Compat')}}初回標準化
Safari CSS Reference
+ '-webkit-text-fill-color' in that document.		標準外で非公式の文書化初回文章化
+ +

ブラウザの互換性

+ + + +

{{Compat("css.properties.-webkit-text-fill-color")}}

+ +

関連情報

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