border-top/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

border-top

Home>CSS>プロパティリファレンス>border-top

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

border-topプロパティの役割

border-topプロパティは、ボックスの上の枠線に関する、形状、色、幅を一括して設定します。

つまり、border-top-styleborder-top-colorborder-top-widthの3つをまとめて設定することができます。

border-topプロパティに設定できる値

border-topプロパティには、[色 幅 形状]で値を指定します(順不同)。

16進数 #FFFFFF又は#FFF(白の場合)
RGB3原色 rgb(255,255,255)又はrgb(100%,100%,100%)(白の場合)
色名 white(白の場合)。色名一覧参照
inherit 上位要素の色を反映。
transparent 透明。上位要素の背景を表示する。

border-topプロパティの色の初期値は前景色(文字色)です。前景色はcolorプロパティで設定します。

auto ボックスの高さに合わせて自動的に設定。
inherit 上位要素に指定された値を反映。
数値 整数値で太さを指定。数値+単位で示す。
ボックスの高さに対する割合を指定。

初期値はゼロです。

dashed 破線。
dotted 点線。
double 二重線。
groove 凹んだように表示。
hidden 枠線を表示しない。
inset 沈むように表示。
none 枠線を表示しない。又は隣接するセルのborder-styleプロパティを反映する。初期値。
outset 浮き上がるように表示。
ridge 盛り上がるように表示。
solid 実線(直線)。

border-topプロパティの使い方

<table>
<tr><td style="border-top:#0000FF 3px solid;">
</td></tr>
</table>

上記のサンプルは、テーブルの上辺に3ピクセルの太さの青い実線を引きます。

関連リンク

よく読まれている記事

UpDate:2010-7-19