TOP ＞ スタイルシートで文字をデザイン ＞ 文字を点滅させる（IE非対応）
文字を点滅させる（IE非対応）
スタイルシートには、文字を点滅させることも出来ます。なにか特別なキーワードを目立たせる時に使うと良いかもしれません。ただし、 CSSでは必ずしも対応しなくても良いことになっていますので、ブラウザによってはこの方法で文字を点滅させることは出来ません。
HTMLでは文字を点滅させるタグは存在しません。
スタイルシートで文字を点滅させたい場合は、text-decorationプロパティで値に「blink」を指定します。
ただし、InternetExplorer、Safariはblinkに対応していないので、この値を指定しても文字は点滅しません。 NetscapeNavigator、FireFoxでは下線等の飾りも一緒に点滅しますが、Operaでは文字のみの点滅となります。
blinkはunderline/overlineやline-throughと同時に指定することが出来ます。
文字を点滅させる（IE非対応）
【書き方】
text-decoration : blink;
"文字を点滅させる（IE非対応）"のサンプルはコチラをクリック
- サンプルページのコードは以下の通りです。
|
<html> <head> <title>文字を点滅させる（IE非対応）のサンプル</title> <meta http-equiv="content-type" content="text/html"> <meta http-equiv="content-style-type" content="text/css"> <style type="text/css"> <!-- .s1{ color: #0033ff; background-color: #ffff99; text-decoration: blink;} .s2{ color: #ff3300; background-color: #99ff99; text-decoration: blink underline line-through;} --> </style> </head> <body bgcolor="silver"> <p>スタイルシートを使って文字を点滅させてみましょう。</p> <p><span class="s1">どうでしょう？点滅してますか？</span></p> <p><span class="s2">InternetExplorerとSafariは「blink」に対応していないので、点滅しません。</span></p> <p> </p> </body> </html> |
[
スタイルシートで文字をデザイン ]
