• Yahoo! JAPANの検索結果で上位表示させるために有効な、最も簡単な方法。
• やっぱりFC2 ブログは使いやすい
• テキストを装飾するスタイルシート (06/23)
• フォントを装飾するスタイルシート (05/11)
• ページ全体の基本指定 (03/24)
• セレクタ (03/09)
• ホームページ製作者スタイルシートの適用優先順位 (02/17)
• 適用方法 (02/05)
• セル内のテキスト折り返しの禁止 (01/06)
• セルの結合 (11/28)
• セル内の表示位置 (10/27)
• 表の表示位置 (10/21)
• 表の大きさ (10/01)
• セルの余白 (09/29)
• 背景・背景画像 (08/25)
• 罫線 (08/05)
• CAPTION キャプション 表題 (07/03)
• TABLE 基本構造 (05/28)
• フレーム リンク ウィンドウの制御 (04/27)
• インラインフレーム (03/25)
• フレーム ページを分割して表示する。 (03/05)
• イメージ(img)要素で画像をページに指定します。 (02/27)
• リスト List 作成 (02/21)
• ハイパーリンク リンクの指定方法 (02/20)
• 背景色、背景画像を指定する (02/13)
• フォントカラー FONT COLOR を指定する要素 (02/12)
• フォントサイズ FONT SIZE を変更する (02/06)
• フォントを装飾する要素 (01/25)
• 改行と区切り線 (01/23)
• span要素とcenter要素 (01/17)
• ブロックレベル要素 div要素 (01/15)
• 段落 p要素 (01/11)

table要素において、表の外枠の太さを指定するには「border属性」を用います。
値は単位をつけないピクセル数で、『 0 』を指定すると外枠は表示されなくなります。

また、表の外枠の色を指定するには、「bordercolor属性」を用います。
値はカラーネーム、又はRGBコードを指定します。

参考URL
http://homepagelecture.web.fc2.com/imasara_html/table_border.htm

Q1
<table border="1">
　<tr><td>1972</td></tr>
</table>

上記は、table要素の外枠を「1」の太さで表示するように「border属性」で指定しています。
border属性をスタイルシートで代替指定する場合「border-widthプロパティ」を用いますが、外枠が表示されないことがあります。

理由をお答え下さい。

ヒントURL
http://homepagelecture.web.fc2.com/imasara_html/margin.htm#borderstyle

Q2
<table border="1" bordercolor="#ffa500">
　<tr><td>1972</td></tr>
</table>

上記は、table要素の外枠を「1」の太さで表示するように「border属性」で指定、枠線の色をオレンジ色（#ffa500）で表示するように「bordercolor属性」で指定しています。

*border属性を指定しない場合は、枠線が表示されませんので、border属性を指定してから色の指定をします。

これらの属性をスタイルシートで代替指定して下さい。値は以下です。
*枠線の種類は「solid」、太さは「1px」、色は「#ffa500」
【答えはこちらをクリック】

テーマ : web制作 ジャンル : コンピュータ

タグ : table borderプロパティ