cman.jpWEBページ作成
広告
<blink> 「文字の点滅」[読み方：ブリンク]
<blink>タグは、Netscape Navigator独自仕様のタグで文字を点滅することが出来ます。
（Firefox、Operaでも動作します）
ブラウザ独自仕様でしたが、HTML5で廃止されました。
（Firefox、Operaでも動作します）
ブラウザ独自仕様でしたが、HTML5で廃止されました。
文字（テキスト）を点滅させる場合は、以下をCSS生成をご確認ください。
blink 「ブリンク・点滅」 のCSS生成
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | × |
広告
<blink> の属性
【構文】
<blink>～点滅させたいテキスト～</blink>
<blink>タグのサンプル
サンプル
<blink>使用しているブラウザがNetscape、Firefox、Operaの場合は点滅します</blink>
スタイルシート(CSS)を使用したサンプル
スタイルシート（CSS）を使用することで、文字を点滅される事も出来ます。
ただし、Netscape、Firefox、Opera以外のブラウザでは動作しません。
ただし、Netscape、Firefox、Opera以外のブラウザでは動作しません。
<p style="text-decoration: blink;">使用しているブラウザがNetscape、Firefox、Operaの場合は点滅します</p>
使用しているブラウザがNetscape、Firefox、Operaの場合は点滅します
JavaScriptを使用したサンプル
JavaScriptを使用すると、ほぼすべてのブラウザで文字の点滅を行うことが出来ます。
<p id="sample-blink">JavaScriptを使用すれば、すべてのブラウザで文字を点滅することが出来ます。</p>
<script type="text/JavaScript">
<!--
flg=true;
function sampleBlink(){
if(flg){
document.getElementById("sample-blink").style.visibility="visible";
}else{
document.getElementById("sample-blink").style.visibility="hidden";
}
flg=!flg;
setTimeout("sampleBlink()",500);
}
sampleBlink();
//-->
</script>
<script type="text/JavaScript">
<!--
flg=true;
function sampleBlink(){
if(flg){
document.getElementById("sample-blink").style.visibility="visible";
}else{
document.getElementById("sample-blink").style.visibility="hidden";
}
flg=!flg;
setTimeout("sampleBlink()",500);
}
sampleBlink();
//-->
</script>
JavaScriptを使用すれば、すべてのブラウザで文字を点滅することができます。
留意事項
- <blink>タグは、Netscape Navigator独自仕様でしたが、HTML5で廃止されました。文字を点滅させる場合はJavaScriptや、スタイルシートを使用してください。
| 関連するCSS(STYLE) | |
|---|---|
| text-decoration | 文字の装飾線の表示 |
| cre_blink | blink 「ブリンク・点滅」 のCSS生成 |
広告