Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。
アニメーション Limited support

text-decoration-line: blink

text-decoration: blink は歴史的なHTML <blink> タグのCSS版であり、テキストを点滅させます。ただし、現代のほぼすべてのブラウザでは実際の点滅動作は実装されておらず、宣言は受け入れられるものの視覚的効果はありません。アクセシビリティの観点からも使用は強く非推奨です。

非推奨テキスト装飾

概要

text-decoration: blink は歴史的なHTML <blink> タグのCSS版であり、テキストを点滅させます。ただし、現代のほぼすべてのブラウザでは実際の点滅動作は実装されておらず、宣言は受け入れられるものの視覚的効果はありません。アクセシビリティの観点からも使用は強く非推奨です。

対応ブラウザ

デスクトップ

Chrome 57+
Edge 79+
Safari 12.1+
Firefox 36+

モバイル

Chrome Android 57+
Safari iOS 12.2+
Firefox Android 36+

基本構文

CSS 
/* 非推奨 - ほとんどのブラウザで無効 */
.blink {
  text-decoration: blink;
}

実務での使いどころ

  • レガシーコードの理解

    古いWebサイトのコードベースで text-decoration: blink に遭遇した際の理解と、代替手段への移行の参考にします。

注意点

  • ほぼすべてのブラウザで点滅効果は無効化されています。代替としてCSSアニメーションを使用できますが、点滅自体が推奨されません。

アクセシビリティ

  • WCAG 2.2.2 では点滅するコンテンツの自動停止を求めており、テキストの点滅は視覚障害や光過敏性発作のあるユーザーに悪影響を与えます。

参考リンク