aaa bbb aaa bbb aaa bbb aaa bbb aaa bbb aaa bbb いろいろサンプルを作ってみたのですが、結局borderとcellspacingは、どう違うのでしょうか？

borderとcellspacingの違い

解決済

質問者：oehbuencu
質問日時：2014/10/05 19:33
回答数：1件

<table border=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspacing=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

いろいろサンプルを作ってみたのですが、
結局borderとcellspacingは、どう違うのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2014/10/06 09:42

今はbordercolor,cellspacingは使うこと無いですよ。

bordercolorという属性は存在しません。
cellspacing、 cellpadding は今は使われなくなりましたが、それぞれの関係は長くなるので
11.3.3 コマのマージン( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
を読んでください。

★現在は、プレゼンテーションはスタイルシートで指定するのが基本です。
『スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
　下記に簡単なサンプル上げておきます。
　ご覧のように、細かい設定や複雑な設定がスタイルシートで自在にできます。

★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
　のDATA入力で確認済みのHTML4.01strictです。
★タブは＿に置換してあるので戻す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<table border="1" summary="test1">
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>abc</td><td>efg</td><td>hij</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿＿<table border="1" summary="test2">
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>abc</td><td>efg</td><td>hij</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿＿<table border="1" summary="test3">
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>abc</td><td>efg</td><td>hij</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿＿<table border="1" summary="test4">
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th><th abbr="k">klm</th>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>abc</td><td>efg</td><td>hij</td><td>klm</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2013-03-03</dd>
＿＿</dl>
＿</div>
</body>
</html>