HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTML4.01 TABLE 講座インデックス > テーブル 罫線
様々なブックマークサービスがご利用頂けます。

テーブル 罫線

■ border 属性
表の外枠の太さを指定します。値は単位をつけないピクセル数で、『 0 』を指定すると外枠は表示されなくなります。
ソース  ソース 基本
<table border="3">
 <tr><td>1972</td></tr>
</table>
表示  表 示
  border-widthプロパティで代替指定することができます。
■ bordercolor 属性
表の外枠の色を指定します。値はカラーネーム、又はRGBコードを指定します。
border属性を指定しない場合は、枠線が表示されませんので、border属性を指定してから色の指定をします。
ソース  ソース 基本
<table border="1" bordercolor="#ffa500">
 <tr><td>1972</td></tr>
</table>
表示  表 示
 border属性
ブラウザの独自機能の為、border-colorプロパティで代替指定しましょう。

テーブル 罫線 スタイルシート
■ border-width プロパティ / border-colorプロパティ
border属性の代わりに、border-widthプロパティ / border-colorプロパティで、外枠の太さや色を指定することができます。
■ border-widthプロパティ
 値
  • 単位をつけた数値
  • thin (細め)
  • medium (標準)
  • thick (太め)
■ border-colorプロパティ
 値
  • カラーネーム、又はRGBコードを指定します。
ソース  ソース 基本
<table style="border-style : solid ; border-width : 5px ; border-color : #ffa500 ; ">
 <tr><td>1972</td></tr>
</table>
表示  表 示
 border-widthプロパティの指定だけでは駄目
border-widthプロパティで、枠線を表示させるには、border-styleプロパティで、枠線の種類を指定する必要があります。
これは、ブラウザの枠線表示スタイルの初期値が『 none 』に設定されている為です。
その為、borderプロパティで、太さ、スタイル、色をまとめて指定する方が実用的です。
style="border : solid 5px #ffa500 ; "

(C) いまさらHTML CSS講座 2002-2008 All right reserved