WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <blink>「文字の点滅」

<blink> 「文字の点滅」[読み方:ブリンク]

<blink>タグは、Netscape Navigator独自仕様のタグで文字を点滅することが出来ます。
(Firefox、Operaでも動作します)
ブラウザ独自仕様でしたが、HTML5で廃止されました。

文字(テキスト)を点滅させる場合は、以下をCSS生成をご確認ください。
blink 「ブリンク・点滅」 のCSS生成

HTML規格HTML4.01HTML5
使用可否××
広告

<blink> の属性

【構文】
<blink>~点滅させたいテキスト~</blink>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<blink>タグのサンプル

サンプル
<blink>使用しているブラウザがNetscape、Firefox、Operaの場合は点滅します</blink>
使用しているブラウザがNetscape、Firefox、Operaの場合は点滅します

スタイルシート(CSS)を使用したサンプル
スタイルシート(CSS)を使用することで、文字を点滅される事も出来ます。
ただし、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>
ページTOP

留意事項

  • <blink>タグは、Netscape Navigator独自仕様でしたが、HTML5で廃止されました。文字を点滅させる場合はJavaScriptや、スタイルシートを使用してください。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン