文字を点滅させる

text-decoration: blink;

CSSの書き方

text-decoration:値 値 … ;

CSSの詳細情報
プロパティ名 text-decoration 読み方 テキスト・デコレーション
初期値 none 意味 文字装飾
none/blink
対象 すべての要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 しない FF1.0/NS7.1/OP8.0

解説

文字を点滅させるスタイルシートです。

この値は「text-decoration」に対する一つの値ですので、同じプロパティの値(例えば取消線line-throughなど)も同時に記述することができます。

この場合は、例のように値同士を半角スペースで区切ります。

このプロパティに関するブラウザの対応状況

点滅に関してはW3Cより必ずしも対応しなければならないプロパティとは定められていませんので、InternetExplorerやSafariは対応していません。

また、このような理由から、点滅に対応しているブラウザでも表示にばらつきがあります。

NetscapeでやFirefoxなどGecko系のエンジンを搭載したブラウザでは、飾り(例えば取消線)に関しても同時に点滅しますが、Operaでは文字だけが点滅します。

点滅速度は?

このプロパティでは指定できません。

点滅速度はブラウザに依存します。

CSS/HTMLサンプル

span.bk { text-decoration:blink; }

SPAN要素に対し、クラスで点滅を指定 サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!