MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


« 前のページ | HOME | 次のページ »

2006年04月02日

» 枠線(border)を変更する

Tableタグやimgタグなどの枠線(border)を
点線や破線に変更する方法を紹介します。

◆borderプロパティ

border: width style color;(全ての枠線)
border-top: width style color;(上の枠線)
border-right: width style color;(右の枠線)
border-bottom: width style color;(下の枠線)
border-left: width style color;(左の枠線)

「border:~」は全ての枠線を一括指定、
「border-xxx:~」は上下左右の枠線を個別指定します。
一括指定か個別指定のいずれかを使用します。
斜体の部分に枠線の詳細を指定します。
それぞれの意味は

width:枠線の幅
style:枠線のスタイル
color:枠線の色

となっています。
枠線のスタイルは下記の通りになります。
それぞれどのように表示されるかはお試しになって下さい。

none 非表示(デフォルト)
hidden 非表示
solid 1本線
double 2本線
groove 窪んだ線
rigde 隆起した線
inset 全体が窪んだように表示
outset 全体が隆起したように表示
dashed 破線
dotted 点線

なお指定内容によってはブラウザによって表示が
異なる場合がありますのでご注意ください。


★ この記事が参考になりましたら投票お願いします。


» 関連記事

» 標準準拠モードと後方互換モード・DOCTYPE宣言について at 2006年04月05日

» 投稿画像・イメージ画像に簡単に枠を付ける(MT共通) at 2006年04月03日




» トラックバックURL

トラックバックURL: http://atoria.sakura.ne.jp/mt/mt-tb.cgi/53





» コメントの投稿