aタグをblock要素にすると下線が消える(Opera)
Operaでaタグをblock要素にすると,リンクの下線が消える.InternetExplorer6.0,MozillaFirebird0.6ではこの現象は発生しない.詳細な実行環境は以下の通りである.
Windows2000 Professional 5.00.2195 ServicePack4
Opera 7.11 Build 2887
まず,以下のhtmlとスタイルシートをOperaで表示する.周りを黒い線で囲んだgoogleへのリンクを表示する.
<!-- sam.html --> <html> <head> <link rel="stylesheet" type="text/css" href="sam.css" /> </head> <body> <p> <span><a href="http://www.google.co.jp/">google</a></span> </p> </body> </html> /* sam.css */ a{ border:1px solid black; padding:0.5em; width:5em; }
次に,htmlはそのままで,cssにdisplay:block;
を追加する.すると,googleへのリンクの下線が消える.
/* sam.css */
a{
display:block; /* 追加 */
border:1px solid black;
padding:0.5em;
width:5em;
}
明示的に下線を指定すると元に戻る.
/* sam.css */
a{
display:block;
border:1px solid black;
padding:0.5em;
width:5em;
text-decoration:underline; /* 追加 */
}