FC2ブログ

毎日更新!LuckyDuckyDiary

いらっしゃいませ。毎朝6時には更新します。さっくり読んでいってください。コメントくださった方はリンクさせてください、相互リンク歓迎、リンクがダメな方は連絡お願いします。

カラーで二重の下線を引くタグ

  ブログの文章に下線を引きたい、それも文字の色と同じ色の線じゃなくて、赤とか青、そして二重の線だとか、点線だとかがひきたい。そういう時にはこういうタグを使っていた。
<span style="border-bottom:double 3px crimson;">文章</span>
 この「<>」の部分を半角にして、「文章」のところに下線を引きたい部分を入れると、赤い二重線がひける。
表示例はこういう感じ。

これはどういうことをやっているかというと、もともとこういうふうになるはずのタグの中でも、下の部分、つまりbottomだけ表示してください、ということ(上はtop,左右はleftとrightで指定する)。
 これで色の指定と、どんな線にしますか、ということでこんなのとか こんなのとかまあ、バリエーションがつけられるわけで。

 面白いので愛用していたのだけれども、なんだか最近表示がちょっと変。私のPCで見ると、字の下にぴったりついていなくて、字と下線の間がすごく離れて見える。
 
 ちなみにもともとFC2ブログに備わっている「普通に字の色と同じ色で下線を引く」というのは、こうなる比較するとこう。入力画面ではほとんど判別がつかないのに、PCのブログ画面になるとはっきり差が見える。

 ちなみにmicrosoft edgeで見ても同じようになった。でも、少なくとも去年はあんまり違和感がなかったので、これはやっぱりwindowsとかブラウザのアップデートとかでこういう風になってしまった…ということなんじゃないかと思う。
原因は実ははっきりわからない。多分見ている人(の環境)によっては「全然区別できない、全く同じに見えるんだけど」という人もいるのではないかと思う。

 FC2のブログの本文編集画面で普通にアンダーラインの<u>下線文</u>というタグを使えばいいんだろうけど、これってなんかこう、ほら、色とか!指定できないのかなあ。と思ってネットで検索してみた。
 すると見つかったのがこれ。

<span style="text-decoration: underline crimson;"></span>
これは色をちょっと暗めの赤に設定している。青ならblueと入れればちゃんと青になる。
表示例はこう。 うん。文字と線の間がくっついたので違和感少な目だ。
<span style="text-decoration: underline double;"></span>こっちはどうだろう、と思ってやってみたら、出来た。
下線が二重線に。なった。おおう。

<span style="text-decoration: underline blue dashed;">これはどうだろう。
カラーで点線ぽく なったな、うん。
ってことは、
<span style="text-decoration: underline brown double;"></span>このタグでこう、
色付き二重線もいけるってことだ。うまくいった。最初は色のあとに「;」を入れて区切ってみたら、反映しなかったので、だめかと思ったけど、やってみたら上手くいった。太さの指定はどこに入れるとうまくいくんだろう、やっぱり英語の並べ方に準拠するとしたら、「red thin line」とかって言い回しがあるんだから…と思ってbold brown lineとか、4pxとかを入れた途端に線そのものが消えてしまう=不正なタグと判断されたっぽいので、無理らしい。

 自力でなんとか出来たのがうれしくて、お茶の時間に話題にしたら、夫には「どうしてカラーの線がそんなに使いたいのか」と苦笑された。元のborder-bottomの指定の話をしたら「またそんな(ばかっぽい)ことを…」と呆れられた。(カッコ内は一応口には出されなかったが、絶対そういう顔だった)
 字の色を変えるか、線が普通に字の色と同じ色で1本ひけたら問題ないじゃん、ということらしい。
 
 いいの。やりたかったんだから。誰もそんなこと気にしていなくても、私は線を二重線にしたり、赤線と青線と緑の線ぐらいは使い分けたいの、気分の問題なんだからねえ!

 ちなみに背景の色を変えて、ラインマーカーで強調したように見えるのもやってみたのだけれども、ノートと違って文字の背景の色が白じゃないからなのか、なんとなく読みづらかったのでやめた。
 
 字だけ、色が違う線ぐらいひける機能ぐらいあってもいいのになあ。あと、文字の横に強調点というのも、日本語ではありがちな表現だと思うので、出来るようになったらいいのに。

Top

HOME

    思ったことを何でも書くゲーマーブログ。リンクはご自由にどうぞ。

    まこ

    Author:まこ
    どこをクリックしても一銭にもならない、ただの主婦の日記帳です。
    ゲーマーで、本好きで、クラフト好きです。

    08 | 2020/09 | 10
    - - 1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30 - - -

    名前:
    メール:
    件名:
    本文:

    この人とブロともになる