From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../ja/web/css/-webkit-text-fill-color/index.html | 98 ++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 files/ja/web/css/-webkit-text-fill-color/index.html (limited to 'files/ja/web/css/-webkit-text-fill-color') diff --git a/files/ja/web/css/-webkit-text-fill-color/index.html b/files/ja/web/css/-webkit-text-fill-color/index.html new file mode 100644 index 0000000000..bf72c45332 --- /dev/null +++ b/files/ja/web/css/-webkit-text-fill-color/index.html @@ -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