下線を点線にするには？ 〜デザイン/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
このページが非常にわかりやすくまとまっていた。

お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。