css - テキスト ブロックの周りに白いアウトラインを追加する

Question

テキストの周りに真っ白なアウトラインを追加する必要があります (テキスト シャドウのようなぼかし効果はありません)。例：

Answer 1

複数のテキスト シャドウを使用できます。

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

これについての詳細を読む

Answer 2

ありますがtext-stroke、残念ながらWebkitのみです。

.text_class {
   -webkit-text-stroke: 1px black;
}

ただし、フォールバックが付属しているため、FF/Opera/IE で元に戻すことを気にしない場合は安全に使用できます。

.text-class {
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

CSS-Tricks の詳細については、text-stroke こちらを参照してください。