-PR-

解決済みの質問

質問No.592748
暇なときにでも
暇なときにでも
お気に入り投稿に追加する (0人が追加しました)
回答数5
閲覧数2818
スタイルシートで<table>の内側の線の表示
<table>タグでcellspacing=0にしないと二重線になりますよね?
スタイルシートを使ってこの二重線の内側だけを表示することができますか?
またその際、色や太さを指定することができますか?
投稿日時 - 2003-07-04 21:42:02

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

回答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>
投稿日時 - 2003-07-05 21:33:07
この回答を支持する
(現在0人が支持しています)
お礼
は~なるほど。<td>にスタイルをつけるんですね~。
なんで思いつかなかったんだろ~。
ありがとうございました!
投稿日時 - 2003-07-08 15:37:43

ベストアンサー以外の回答 (4)

回答No.5
こんにちは!

><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

せっかく書いたのでそのまま送信・・失礼しました・・。
投稿日時 - 2003-07-06 00:28:32
この回答を支持する
(現在0人が支持しています)
お礼
<td>にスタイルを書けばいいんだと分かりました!
でも、もうちょっとひねってすっきりした書き方がありそうな気がしてきました。
が、初めの質問の謎は解けました。ありがとうございました。m(__)m
投稿日時 - 2003-07-08 15:41:49
回答No.3
こんにちは!

こんな感じですか?

<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>
投稿日時 - 2003-07-05 03:40:38
この回答を支持する
(現在0人が支持しています)
お礼
回答ありがとうございます。
<table style=border-style:solid;border-color:#ff0000>と書くと、
「外側」の線のみ表示されてしまいますよね?
ですので、「内側」の線のみ表示される書き方があるかな?と思って質問してみました。
ちなみにMAC IEでも同じように表示されます。

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

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

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

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

 border系で表現できることでしょうか?
投稿日時 - 2003-07-04 22:13:46
この回答を支持する
(現在0人が支持しています)
お礼
質問の書き方が悪かったですね。
すみませんでした。
投稿日時 - 2003-07-05 20:05:27
この質問は役に立ちましたか?
2人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

この他の関連するQ&Aをキーワードで探す

同じカテゴリの人気Q&Aランキング

カテゴリ
HTML
-PR-
-PR-

特集

正しい方法で健康的な綺麗を手に入れよう!

お城、ボート、ツリーハウス、ユニークな物件満載!

親同士が気軽に情報交換できるコミュニティです。

同じカテゴリの人気Q&Aランキング

カテゴリ
HTML
-PR-

ピックアップ

-PR-