TOPページ >  水平線を表示する > 水平線の種類を指定する

水平線の種類を指定する

<hr>タグを使って水平線を表示する際に、水平線の種類を指定することができます。

<hr style="border-style:水平線の種類">
  1. 水平線の種類:種類は、下記から選べます。
    キーワードサンプル solid
    dotted
    double
    dashed

サンプルを下記に示します。

表示位置:中央、水平線の種類:dotted、色番号:#ADADAD、長さ(幅):表示可能領域の90%、太さ(高さ):2ピクセルの水平線を表示します。
こんなかんじになります。

このソースは次のようになります。赤字部分で各種設定をしています。青字部分で、水平線の種類を指定しています。

表示位置:中央、水平線の種類:dotted、色番号:#ADADAD、長さ:表示可能領域の90%、太さ(高さ):2ピクセルの水平線を表示します。
<hr align="center" style="border-style:dotted;width:90%;height:2px;color:#ADADAD;">
こんなかんじになります。