スタイルシートで<table>の内側の線の表示

解決済

質問者：yukiusa
質問日時：2003/07/04 21:42
回答数：5件

<table>タグでcellspacing=0にしないと二重線になりますよね？
スタイルシートを使ってこの二重線の内側だけを表示することができますか？
またその際、色や太さを指定することができますか？

通報する

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

質問の本文を隠す

回答 (5件)

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

No.4ベストアンサー

回答者： noname#5537
回答日時：2003/07/05 21:33

<table style="border: 2px solid red;">

<tr><td style="border: 2px solid blue;">123</td><td style="border: 2px solid black;">456</td></tr>
<tr><td style="border: 2px solid green;">789</td><td style="border: 2px solid yellow;">ABC</td></tr>
</table>

↑こういうのを試してみると、
どういうことになっているのかよく分かると思います。
赤が table の border で、青黒緑黄が td の border です。

で、前に書いたのが違うとすると yukiusa さんがなさりたいのは、
↓こんなのでしょうか？

<table border="0">
<tr>
<td style="border-bottom: 1px solid blue; border-right: 1px solid blue;">123</td>
<td style="border-bottom: 1px solid blue; border-left: 1px solid blue;">456</td>
</tr>
<tr>
<td style="border-top: 1px solid blue; border-right: 1px solid blue;">789</td>
<td style="border-top: 1px solid blue; border-left: 1px solid blue;">ABC</td>
</tr>
</table>

- 0
- 件

通報する

この回答へのお礼

は～なるほど。<td>にスタイルをつけるんですね～。
なんで思いつかなかったんだろ～。
ありがとうございました！

通報する

お礼日時：2003/07/08 15:37

No.5

回答者： yayopix
回答日時：2003/07/06 00:28

こんにちは！

＞<table style=border-・・・>と書くと、
「外側」の線のみ表示されてしまいますよね？
ですので、「内側」の線のみ表示される書き方があるかな？と思って質問してみました。

えーと・・
テーブルに指定すると、外枠に付きますし、セルに指定すると内枠に付きます。

<table style=border-style:solid;border-color:#ff0000>
<tr>
<td style=border-style:solid;border-color:#ff0000>aa</td>
<td>bb</td>
</tr>
<tr>
<td>cc</td>
<td>dd</td>
</tr>
</table>

＞普通に<table borde=1>のように「外側」「内側」両方表示させるのはスタイルシートではどうやって書くのでしょうか？

２重線にすれば多少近づくかな・・(;^_^A

<html>
<head>
<title>ボーダーの違い</title>
<style type="text/css">

</style>
</head>
<body>
<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td>html</td>
</tr>
</table>
<br>
<table width="200" border="0" class="red_3">
<tr>
<td>css</td>
</tr>
</table>
</body>
</html>

ちょっと苦しい・・m(_ _)m

・・とここまで書いて、yukiusaさんの最初の質問の意味がやっと分かりました。

・・で、質問の意味は分かったんですが・・
答えが分かりません・・・またまたm(_ _)m

せっかく書いたのでそのまま送信・・失礼しました・・。

- 0
- 件

通報する

この回答へのお礼

<td>にスタイルを書けばいいんだと分かりました！
でも、もうちょっとひねってすっきりした書き方がありそうな気がしてきました。
が、初めの質問の謎は解けました。ありがとうございました。m(__)m

通報する

お礼日時：2003/07/08 15:41

No.3

回答者： yayopix
回答日時：2003/07/05 03:40

こんにちは！

こんな感じですか？

<head>
<title>テーブルにも指定できます</title>
<style type="text/css">

</style>
</head>

<body>
<table width="400" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="red_3">ネスケ４.*には</td>
<td class="red_3">対応していません。</td>
</tr>
<tr>
<td class="red_3">Macは</td>
<td class="red_3">どうだったか？？？</td>
</tr>
</table>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
<table style=border-style:solid;border-color:#ff0000>と書くと、
「外側」の線のみ表示されてしまいますよね？
ですので、「内側」の線のみ表示される書き方があるかな？と思って質問してみました。
ちなみにMAC ＩＥでも同じように表示されます。

【border】というCSSは何を指しているのでしょうか？
そもそも私、ちょっと勘違いしているような気がしてきました。
普通に<table borde=1>のように「外側」「内側」両方表示させるのはスタイルシートではどうやって書くのでしょうか？

通報する

お礼日時：2003/07/05 20:27

No.2

回答者： noname#5537
回答日時：2003/07/05 00:15

<table border="0">

<tr><td style="border: 1px solid blue;">123</td><td style="border: 1px solid blue;">456</td></tr>
<tr><td style="border: 1px solid blue;">789</td><td style="border: 1px solid blue;">ABC</td></tr>
</table>

こんなのでしょうか？

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
<table style=border-style:solid;border-color:#ff0000>と書くと、
「外側」の線のみ表示されてしまいますよね？
ですので、「内側」の線のみ表示される書き方があるかな？と思って質問してみました。
そもそも私、ちょっと勘違いしていますかね？
普通に<table borde=1>のように「外側」「内側」両方表示させるのはスタイルシートではどうやって書くのでしょうか？

通報する

お礼日時：2003/07/05 20:24

No.1

回答者： Jitta
回答日時：2003/07/04 22:13

こんにちは。

　ちょっと、勘違いされていませんか？

　Cell Spacing ・・・セル間の幅、です。２重線とかそういう問題ではありません。セルとセルの間の幅をどれくらいにするか、です。従って、０にすればセル同士の線が重なってソリッド線に見えますし、１以上にすればセルとセルの間に隙間ができるので、２重線を引いているように見えます。このため「内側」とか、そういうものは存在しません。というより、「内側の線だけの２重線」というのが想像できないのですが・・・２重のうちの内側だけって、１重線じゃないの？？

　border系で表現できることでしょうか？