文字に枠線を付ける text stroke

枠線について

文字列に枠線を付けるには、text-strokeプロパティを使用します。
色は省略することができ、省略した場合は文字の色と同色に設定されます。

• ※ Webkitの独自仕様ですので、Webkit以外での使用はできません。
• ※ このプロパティはtext-stroke-widthプロパティとtext-stroke-colorプロパティのショートハンドです。

【構文】

							text-stroke:幅（大きさ） 色;
						

sample

また、-webkit-text-fill-colorプロパティを使用することで、文字列の塗りつぶしの色を変更することができます。

【構文】

							text-fill-color:色;
						

sample

Webkit以外での実装

Webkit以外のCSS3に対応しているブラウザで枠線を実装する場合は、text-shadowを用いることで、擬似的に作ることができます。

sample