taku's blog

♦ASAHIネットのブログで<hr>(水平線)と、<table>(表枠色)を表示させる
　の<hr>(水平線)に関するその3です。《その1を見る》 《その2を見る》

♦ASAHIネットブログ(アサブロ)の記事欄では hr水平線タグが表示されず、またtableタグの枠border***系タグ色指定も効かずで、表枠線の色が表示されない。
（公開前確認のプレビューでは表示されるが、公開後Webアクセスでは表示されない）
　⇒　IE8 / IE9 / FireFox10.0.1 / FireFox11.0.1 / Google Chrome18.0.1025.162 / Opera v11.62.1347 でダメ。


♥<hr> で解決したわけではないんですが、以下のように <div>ブロック要素にスタイルを持ち込めば、上記主要ブラウザで全て<hr>風の表示確認ができました。
♥ただ、今度は公開前のプレビュー確認では全く表示されず、公開で表示されるという逆事象となってしまい、なんだかすっきり感はありません…。
♥今までIME辞書に「せん」⇒「<hr>」変換登録して使っていたんですが、今度は「せん」⇒「<div style="border: 1px groove;"></div>」に変換して当面使います。押すキー数は同じですから変わりなしですけどね。


<div style="border: 1px groove;width:50%;"></div>

<div style="border: 1px groove lightgray;width:50%;"></div>

<div style="border: 2px groove lightgray;width:50%;"></div>

<div style="border: 3px solid lightgray;width:50%;"></div>

<div style="border: 3px groove lightgray;width:50%;"></div>

<div style="border: 3px double lightgray;width:50%;"></div>

<div style="border: 3px dashed lightgray;width:50%;"></div>

<div style="border: 3px ridge lightgray;width:50%;"></div>

<div style="border: 3px inset lightgray;width:50%;"></div>

<div style="border: 3px outset lightgray;width:50%;"></div>

<div style="border: 3px groove lightgray;width:50%;"></div>