久保清隆のブログ

ライフハック、健康、旅行など、役立つ情報を書きます。

下線を点線にするには? 〜デザイン/CSS基礎

文章の下線を点線にしたい場合、CSSを利用すれば簡単に出来る。
borderを下だけに設定して、スタイルを点線にすればよい。

スタイルシートで、

span.dotted_under_line{
  font-weight: bold ;
  font-size: 15px ;
  border-bottom:1px dotted;
}

として、ビューで、

<span class="dotted_under_line">下線を点線にする</span>

とすれば、下線は点線になる。

ちなみに、borderの他のスタイルは以下のようになっている。

コード スタイル
solid 実線
dotted 点線
dashed 破線
double 二重線
groove 境界線がへこむ
ridge 境界線が突き出る
inset 境界内がへこむ
outset 境界内が突き出る
none 線なし
hidden 線を隠す

http://www.geocities.jp/ofuton_no_hito/web/com031.html
このページが非常にわかりやすくまとまっていた。



お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
ブログランキング・にほんブログ村へにほんブログ村 IT技術ブログへにほんブログ村 IT技術ブログ プログラム・プログラマへにほんブログ村 サラリーマン日記ブログ 戦うサラリーマンへ