線(border)

線の種類と記述方法

線の種類と記述方法

ブログをカスタマイズするときに欠かせないタグのひとつがこの　border　です。

borderの指定をかえることでかなり印象がかわってくるため上手に使いたいタグですね。

記述方法

記入方法はこの2つを覚えましょう。

左右どちらも同じ意味ですが、まとめて書くときは左を、個別に設定したいときは右を使うといいでしょう。
右側の場合は、必要なものだけ書けばＯＫです。

border:1px solid #FFFFFF;

border-top: #FFFFFF solid 1px;　（上）
border-right: #FFFFFF solid 1px;　（右）
border-bottom: #FFFFFF solid 1px;　（下）
border-left: #FFFFFF solid 1px;　（左）

線の太さ

■1pxの数字を変えると線の太さが変わります。

線の種類

　■solidは線の種類です。solidを↓↓の種類に変えることもできます。
　　　　　solid（普通の線）
　　　　　double（二重の線）
　　　　　groove（谷型の線）
　　　　　ridge（山型の線）
　　　　　inset（凹型）
　　　　　outset（凸型）
　　　　　dotted（点線）　一部の古いブラウザでは未対応
　　　　　dashed（大きい点線）　一部の古いブラウザでは未対応
　　　　　none（線なし）