text-stroke-color プロパティ
text-stroke-color プロパティは、
テキスト文字の輪郭またはストロークの色を指定します。
構文
セレクタ {
text-stroke-color: 色;
}
例
テキストにオレンジ色のストロークを設定してみましょう：
<p>
Text
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-text-stroke-color: orange;
text-stroke-color: orange;
-webkit-text-stroke-width: 1px;
color: white;
padding: 10px;
font-size: 30px;
font-weight: bold;
font-family: Arial;
}
:
関連項目
-
テキスト文字の塗りつぶし色を指定するプロパティ
text-fill-color -
テキストのストロークを指定するプロパティ
text-stroke -
テキストのストロークの太さを指定するプロパティ
text-stroke-width
