背景に画像を使っていたりすると文字がはっきり見えなかったりしますよね そんな時には文字に枠線を付けてやれば視野性が良くなります そこで、文字の縁取り専用のCSSプロパティもあるのですが、text-shadowで文字に枠線を付ける方法を思いついた時にはまだ知らなかったです、text-shadowでも背景色と組み合わせると文字の縁取りっぽく出来ます 専用のCSSプロパティ-webkit-text-stroke を使えば縁取りができちゃいます でも、webkit系しかまだ使えないようです なので-webkit-text-strokeよりも範囲の広いtaxt-shadowを使うのも有効です CSSのtext-shadowだけで文字に枠線を付ける 原理は、テキストシャドウで8方向にぼかし無しの影を表現することで枠線にしています CSS コード div {margin: 100px auto;widt