[解決済み] テキストへのアウトライン効果

質問

CSSで、テキストに異なる色のアウトラインを与える方法はありますか？名前やリンクなど、直感的に理解できるように、テキストの一部を強調したいのです。リンクの色などを変えるのは最近よくあることなので、何か新しいものが欲しいです。

どのように解決するのですか？

という実験的な webkit のプロパティがあります。 text-stroke を CSS3 で動作させようとしましたが、今のところうまくいきません。

代わりに行ったのは、すでにサポートされている text-shadow プロパティ（Chrome、Firefox、Opera、IE 9でサポートされていると思います。）

4つのシャドウを使用して、ストロークされたテキストをシミュレートします。

.strokeme {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

<div class="strokeme">
  This text should have a stroke in some browsers
</div>

デモを作りました ここで

また、ホバーした場合の例は ここにあります

コメントでJason Cさんがおっしゃっているように text-shadow CSSプロパティは、Opera Miniを除くすべての主要なブラウザでサポートされるようになりました。このソリューションが後方互換性のために機能する場合（自動更新されるブラウザに関してはあまり問題ではありません）、私は text-stroke CSS を使用する必要があります。