非推奨
この機能は Web 標準から削除されました。まだサポートしているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。新旧にかかわらず、プロジェクトでの使用をやめてください。この機能を使用するページ、Web アプリはいつ動かなくなってもおかしくありません。
廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。
HTML Blink 要素 (<blink>) は内包するテキストを点滅させるための、非標準の要素です。
この要素は廃止されており、また悪いデザインの実例ですので使用しないでください。文字の点滅は複数のアクセシビリティ標準において認められておらず、CSS 標準ではブラウザーが blink 値を無視することを許可しています。(※参考: アクセシビリティガイドライン > 60. 感受性発作(光源性てんかん)を起こしうるような… ： 三井住友銀行)
DOM インターフェイス
この要素はすでに廃止されています。このように存在しない要素に対しては HTMLUnknownElement インターフェイスが提供されます。
例
<blink>Why would somebody use this?</blink>
表示結果
仕様
この要素は非標準であり、どの仕様にも含まれていません。信じられないのでしたら、自身で HTML 仕様を確認してください。
CSS ポリフィル
本当にポリフィルが必要でしたら、以下の CSS を使用できます。IE10 以降で動作します。
blink {
-webkit-animation: 2s linear infinite condemed_blink_effect; // for android
animation: 2s linear infinite condemed_blink_effect;
}
@-webkit-keyframes condemed_blink_effect { // for android
0% {
visibility: hidden;
}
50% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
@keyframes condemed_blink_effect {
0% {
visibility: hidden;
}
50% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
ブラウザー実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本サポート | 未サポート | 未サポート [1] | 未サポート | 未サポート [2] | 未サポート |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 未サポート | 未サポート [1] | 未サポート | 未サポート [2] | 未サポート |
[1] バージョン 22 までサポートしていました。バージョン 23 で削除しました。
[2] バージョン 12.1 までサポートしていました。バージョン 15.0 で削除しました。
関連情報
- HTML
<blink>要素を作成した経緯 text-decorationに blink 値が存在しますが、ブラウザーが実際に点滅させる必要はありません。<marquee>も同様に非標準の要素です。- CSS animations は、このような効果を生成するための手段です。