text-emphasis-color …… テキスト傍点の色を指定する







広告
text-emphasis-colorプロパティは、テキスト傍点の色を指定する際に使用します。
■値
- 色
-
#000000(完全な黒)~#ffffff(完全な白)、
カラーネーム、
RGB
などで色を指定
■初期値・適用対象・値の継承
- 初期値
- 現在の色
- 適用対象
- すべての要素
- 値の継承
- する
■使用例
スタイルシート部分は外部ファイル(sample.css)に記述。
p.sample { text-emphasis-style: triangle; text-emphasis-color: red; }
HTMLソース
<p class="sample"> text-emphasis-style: triangle;<br> text-emphasis-color: red;<br> を指定。 </p>
↓↓↓
ブラウザ上の表示
text-emphasis-style: triangle;
text-emphasis-color: red;
を指定。
■ベンダープレフィックスを付けた場合の使用例
スタイルシート部分は外部ファイル(sample.css)に記述。
p.prefix_sample { -webkit-text-emphasis-style: triangle; -moz-text-emphasis-style: triangle; -ms-text-emphasis-style: triangle; -webkit-text-emphasis-color: red; -moz-text-emphasis-color: red; -ms-text-emphasis-color: red; }
HTMLソース
<p class="prefix_sample"> -webkit-text-emphasis-style: triangle;<br> -moz-text-emphasis-style: triangle;<br> -ms-text-emphasis-style: triangle;<br> <br> -webkit-text-emphasis-color: red;<br> -moz-text-emphasis-color: red;<br> -ms-text-emphasis-color: red;<br> を指定。 </p>
↓↓↓
ブラウザ上の表示
-webkit-text-emphasis-style: triangle;
-moz-text-emphasis-style: triangle;
-ms-text-emphasis-style: triangle;
-webkit-text-emphasis-color: red;
-moz-text-emphasis-color: red;
-ms-text-emphasis-color: red;
を指定。
広告