2012年6月17日日曜日

ぼくのかんがえたこんなHTMLかCSSの実装(ブロック取消)

つい最近こっ恥ずかしい記事でお目汚ししてしまったことで思ったこと。

文章を訂正したいとき、普通ならばsタグとか使ってインラインで取り消し線を入れて、訂正するのはすぐできるのだけれども、ブロック単位で同じようなことをしたい場合、インラインの取消は見づらいなぁと思った。

0000.

こういう記事の引用部分を取り消したい(筋としては新たに別の引用を付け足すことになると思うけど)となったとき、blockquote内をsタグで取り消すと、

0001

こんな感じになってしまう。
個人的な理想としては、blockquoteタグ(他ブロック要素タグ)に取消属性をつけるか、styleのプロパティとして、

0002

という感じにブロックの対角線を引いてブロック全体が取り消し対象であるように見せたい、というわけ。(画像はInkspaceによるもの)
CSSなら色や太さも指定できるし、できたら便利だなと思っていたわけだけど……

画像を使って背景に指定というのも考えたものの、サイズに合わせて拡大するオプションがないし、仮にできてもどうしてもギザギザするし、並べて書くのも模様と変わらなくなってしまうし……

0004

そういうものができてくれるとありがたいな、と思っただけ。


0 件のコメント:

アクセス解析