CSSで文字にボーダー(縁取り)をつけたい。 - かもメモ

CSSで文字にボーダー(縁取り)をつけたい。 - かもメモ

Illustratorの線やPhothopのレイヤースタイルの境界線みたいに文字にボーダー(縁取り)をつける方法のメ...概要を表示 Illustratorの線やPhothopのレイヤースタイルの境界線みたいに文字にボーダー(縁取り)をつける方法のメモ。 といっても、イラレの線やPhoshopの境界線みたいにバチッとした縁取りを付けるのは難しそうです。 1. text-stroke を使う方法 text-stroke サポート状況 IE以外はそこそこサポートされてきてるっぽい。 プロパティには-webkit-のブレフィックスが現状では必要。(なぜかFirefoxも。-webkit-text-stroke ってプロパティ名？) 書き方 /* width | color */ -webkit-text-stroke: 2px #000; 又は -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000; ボーダー(縁取り)は文字の内側に付く ※ color:

• css
• web
• Webデザイン
• font
• html
• webdesign
• design