今回は前回のborderの書き方の補足です。
前回→
http://www.ryuumu.co.jp/ryuumu/stuffblog/e366.html
「ボーダーを表示させるには、太さや色だけでなく
種類を指定しなければなりません」
と書きましたね。
この種類や太さについて少しお話します。
まず種類について。
種類の指定は
border-styleになります。
styleは様々な種類の線種を表示させることができます。
一部だけあげると、
solid→1本線 double→2本線 dashed→破線 dotted→点線 等・・・。
といった具合ですね。一度試してみて下さい。
ただし、
ブラウザによっては思ったような表示にならなかったりするので
乱用は禁物です!
次に太さについても、もう少し。
線の太さは
border-widthになりますが、数値で指定する方法と、
キーワードで指定する方法とあります。
数値はたとえば1pxや、1em、などです。例でも使用していますね。
キーワードで指定するには、
thin(細い)、midiun(普通)、thick(太い)がありますが、
実際に表示される太さはブラウザによって異なるので、
キーワードより数値で指定するほうが良いでしょう。
と補足が済んだ所で、次は、前回よりもっと簡単に短縮して書く方法ですが・・・
これを全部書くと長くなりますので、また次回にします!
では、また次回!
| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=368 |
|
ソース(ホームページ)のレシピ by 委員長! | 09:30 AM | comments (x) | trackback (x) |