HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


文字を点滅させる

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; }

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