-PR-
  • 暇なときにでも
  • 質問No.592748
解決
済み

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

  • 閲覧数3740
  • ありがとう数7
  • 気になる数0
  • 回答数5
  • コメント数0

お礼率 69% (67/97)

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

質問者が選んだベストアンサー

  • 回答No.4

<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>
お礼コメント
yukiusa

お礼率 69% (67/97)

は~なるほど。<td>にスタイルをつけるんですね~。
なんで思いつかなかったんだろ~。
ありがとうございました!
投稿日時 - 2003-07-08 15:37:43
  • ありがとう数0
-PR-
-PR-

その他の回答 (全4件)

  • 回答No.2

<table border="0"> <tr><td style="border: 1px solid blue;">123</td><td style="border: 1px solid blue;">456</td></tr> <tr>< ...続きを読む
<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>

こんなのでしょうか?
お礼コメント
yukiusa

お礼率 69% (67/97)

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

こんにちは! こんな感じですか? <head> <title>テーブルにも指定できます</title> <style type="text/css"> <!-- .red_3 { border: 3px solid #CC0000; } --> </style> </head&g ...続きを読む
こんにちは!

こんな感じですか?

<head>
<title>テーブルにも指定できます</title>
<style type="text/css">
<!--
.red_3 {
border: 3px solid #CC0000;
}
-->
</style>
</head>

<body>
<table width="400" border="0" cellspacing="5" cellpadding="5">
<tr>
<td class="red_3">ネスケ4.*には</td>
<td class="red_3">対応していません。</td>
</tr>
<tr>
<td class="red_3">Macは</td>
<td class="red_3">どうだったか???</td>
</tr>
</table>
</body>
</html>
お礼コメント
yukiusa

お礼率 69% (67/97)

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

【border】というCSSは何を指しているのでしょうか?
そもそも私、ちょっと勘違いしているような気がしてきました。
普通に<table borde=1>のように「外側」「内側」両方表示させるのはスタイルシートではどうやって書くのでしょうか?
投稿日時 - 2003-07-05 20:27:27
  • ありがとう数0
  • 回答No.1
レベル10

ベストアンサー率 42% (69/161)

こんにちは。  ちょっと、勘違いされていませんか?  Cell Spacing ・・・セル間の幅、です。2重線とかそういう問題ではありません。セルとセルの間の幅をどれくらいにするか、です。従って、0にすればセル同士の線が重なってソリッド線に見えますし、1以上にすればセルとセルの間に隙間ができるので、2重線を引いているように見えます。このため「内側」とか、そういうものは存在しません。というより、 ...続きを読む
こんにちは。

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

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

 border系で表現できることでしょうか?
お礼コメント
yukiusa

お礼率 69% (67/97)

質問の書き方が悪かったですね。
すみませんでした。
投稿日時 - 2003-07-05 20:05:27
  • ありがとう数0
  • 回答No.5

こんにちは! ><table style=border-・・・>と書くと、 「外側」の線のみ表示されてしまいますよね? ですので、「内側」の線のみ表示される書き方があるかな?と思って質問してみました。 えーと・・ テーブルに指定すると、外枠に付きますし、セルに指定すると内枠に付きます。 <table style=border-style:solid;border- ...続きを読む
こんにちは!

><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>のように「外側」「内側」両方表示させるのはスタイルシートではどうやって書くのでしょうか?

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

<html>
<head>
<title>ボーダーの違い</title>
<style type="text/css">
<!--
.red_3 {
border: 3px double #FF0000;
}
-->
</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

せっかく書いたのでそのまま送信・・失礼しました・・。
お礼コメント
yukiusa

お礼率 69% (67/97)

<td>にスタイルを書けばいいんだと分かりました!
でも、もうちょっとひねってすっきりした書き方がありそうな気がしてきました。
が、初めの質問の謎は解けました。ありがとうございました。m(__)m
投稿日時 - 2003-07-08 15:41:49
  • ありがとう数0
  • 回答数5
  • 気になる数0
このQ&Aで解決しましたか?

関連するQ&A

-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


-PR-

ピックアップ

-PR-
ページ先頭へ