文字に枠線を付ける text stroke

枠線について

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

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

【構文】

							text-stroke:幅(大きさ) 色;
						

sample

CSS

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

【構文】

							text-fill-color:;
						

sample

CSS

Webkit以外での実装

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

sample

CSS

CSS3逆引きリファレンス一覧へ戻る