気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
見出しのデザインの幅を広げる!!CSSを使って縁取り文字を表現する方法 (デザインサンプル付き) - ウェブ企画ラボ
16 users
wk-partners.co.jp
wk-partners.co.jp
wk-partners.co.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
CSS3が浸透した昨今、画像を使わなくてもCSSを使って様々なデザインの表現が可能になっています。そこで... CSS3が浸透した昨今、画像を使わなくてもCSSを使って様々なデザインの表現が可能になっています。そこで今回はCSSを使って「縁取り文字」の表現について、現状どういったことが可能なのかを調べてみました。 縁取り文字その１「text-stroke」 まずは「text-stroke」を使った表現です。「text-stroke」読んで字の如くテキストに「ストローク(縁)」をつけてくれるプロパティです。 「text-stroke」ではテキストの境界線を中心に内外両方に縁が付きます。小さい文字にフチをつけたり、太いフチをつけると文字が潰れる可能性があるので、注意が必要です。 text-strokeの対応ブラウザ 2023年12月現在のtext-strokのブラウザ対応状況ですが、IEは完全に未対応となっています。ですがほとんどの主要ブラウザでは利用可能な状況です。また、firefoxとEdgeに対応
wk-partners.co.jp
wk-partners.co.jp
wk-partners.co.jp
wk-partners.co.jp
zenn.dev/shiba_program
www.nikkinonline.com
note.com/senzokuondai
www.47news.jp
zenn.dev/acntechjp
anond.hatelabo.jp
japan.zdnet.com
azukiazusa.dev
blog.magnolia.tech
speakerdeck.com/mugi_uno
www.nichepcgamer.com
2023/08/18 リンク