• ベストアンサー

<table>の境界線

<table>の境界線で、 <table border=""> としたら線が出るのに、 HTML側が<table>で、CSS側が、 table { border : 1px } とすると、線が出ないのはなぜでしょうか? 回答よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#56882
noname#56882
回答No.1

http://www.htmq.com/style/border.shtml (一部引用) borderプロパティは、ボーダーのスタイル・太さ・色をまとめて指定する際に使用します。 スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。 ということなので、どれかひとつでも欠けてしまうと表示されません。 table { border : 1px solid #000000; } と表記することによって線が表示されます。

miya_HN
質問者

お礼

ありがとうございます。 <table>の枠線は表示できました。 ありがとうございました。

関連するQ&A

  • <table>の中の全ての線の表示

    <table>でCSS(下)を使って、枠線ができたのですが、外側だけしか線が出ないのですがCSSのみで内側の線を全て表示することはできるでしょうか? table { border : 1px solid #000000; } 回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • 記事本文のtableタグのみCSSを適用させる方法

    基本的なことだと思うのですがブログ初心者のため質問させてください。 記事に表を入れたいのですが、デフォルトのままですと枠線(border)を最小の1にしても1pxの細い線になりません。そこでネットで調べて以下のものをCSSに追加しました。 table { border-collapse:collapse; } table td{ border:solid 1px; } 上記をCSSに追加すると表のborderが1本の細い線になりました。しかし記事本文以外のサイドバーやfooterなどのデザインまで影響を与えてしまいました。 そこでタイトルの通り、記事本文のtableタグのみ上記のCSSを適用させるにはどのように記載すればよいでしょうか? よくわかっていませんが、記事本文を表すHTMLはmain-bodyかmain-containerあたりだと思っています。 使用しているブログサービスはFC2ブログになります。 恐れ入りますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • ラインはtableタグを使って書くのでしょうか?

    <table border="0" width="100%" style="bordr-left:0px;border-right:0px;border-top:thick ridge;border-bottom:0px"> <tr><td width =100%></td></tr></table> htmlを勉強中でソースをのぞいてみるのですが、テーブルのデーターなしで幅が0とか??でわかりません。なぜラインになるのでしょうか?<hr>とかとはちがうのでしょうか??おおしえください

  • テーブルの境界線を消したい!!

    上司に言われてHTMLを作成していますが、「横に並ぶ二つのテーブルの間の境界線を消せ」とワガママ言われて困っています・・・。 プログラムの関係上、セルを結合させるといけないので、見かけ上の線だけを消したいのですが、可能なのでしょうか?? 例えば、 <TABLE BORDER=1> <TR><TD>A</TD><TD>B</TD></TR> </TABLE> という場合に、AセルとBセルの間の線だけを消すことはできますか? すみません、今日中に作れと言われているので、至急回答をいただけると助かります・・・ よろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • CSSのテーブルの件で

    はじめまして よろしくお願いいたします。 CSSでテーブルを作っているのですが うまくいきません 作りたいのは下記のようなテーブルです ┌───────┐ │ A  │ B   │ └───────┘ 点線ではなく普通の線で構いません 大きなテーブルの幅が500pxとして Aを200px Bを300px にしたいのです テーブルのIDは「table2」にしています <外部CSSの部分> #table2{border:1px solid #000000; width:500px; } #table2 th{border:1px solid #000000; width:200px; } #table2 td{border:1px solid #000000; width:300px; } <htmlの部分> <table id="table2"> <tr> <td></td> </tr> </table> 色々やってみたのですが うまく行きません 詳しい方教えて頂けないでしょうか? どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Firefoxを使ってるのですがズームするとTableの線(ボーダー)が消えてしまいます!

    他のページにも投稿したのですが、どうも質問した場所が違ってたよう なので、もう一度ここで質問し直させてください。お願いします。 Firefoxを使ってるのですがズームするとTableの線(ボーダー)が消えてしまいます! 同じTableを3パターンのズーム度でアップしました。 http://i800.photobucket.com/albums/yy282/nothingspecialda/tanuki.jpg​ 左は問題無いのですが、真ん中と右はTableの線が一部消えてしまってます。 ちなみにここの質問一覧ページもズームすると枠線が消えたりします。 http://oshiete1.goo.ne.jp/205/c709.html ちなみにIE8でも似たような現象がありました! 何が原因でしょうか?どうすれば改善するでしょうか? アドバイスお願いします。 サンプルTableのHTMLとCSSを書いておきます。 ☆HTML <table> <tr> <td>たこ焼き</td> </tr> <tr> <td>たこ焼き</td> </tr> <tr> <td>たぬき</td> </tr> <tr> <td>たぬき</td> </tr> <tr> <td>ほうれん草・ピーマン</td> </tr> <tr> <td>ほうれん草・ピーマン</td> </tr> </table> ・CSS tr, td {border:1px solid black;} table{text-align:center; border-collapse:collapse;}

  • <table>のclass指定が継承されない

    <table>に指定したclass指定が、その下の<td>や<tr>に継承されずに困っています。 HTMLを <table class="sample"> <tr> <td>1-1</td> <td>1-2</td> </tr> <tr> <td>2-1</td> <td>2-2</td> </tr> </table> とし、 cssを table, td { border: 2px #2b2b2b solid; } とした場合、新しくhtmlとcssを作ると表自体と全セルに囲み線が作られます。 ですが、今運営しているHPに記述すると、<table>のborderのみしか表示されません。 試しに、<td>にclassを指定しなおしてみると、そのセルにも囲み線が表示されました。 全<td>にclassを指定すれば問題ないのかもしれませんが、それではあまりにも使い勝手が悪いため、何とかhtmlは<table>のみにclassを指定することで全セルに反映させたいと思っています。 考えられる原因としてはどのようなものがありますでしょうか…?

    • ベストアンサー
    • CSS
  • html、CSSを使用。うまくいきません。ソース見てください。

    <html> <head> <style type="text/css"> table { border-collapse:collapse; } .main { border-style:solid; border-color:#33ffff; border-width:0px 7px 0px 7px; } </style> </haed> <body> <table class="main" border=0> <tr><td width="400" bgcolor="red" colspan="2">ああ</td><td></td></tr> <tr><td width="200" bgcolor="green">いい</td> <td width="200" bgcolor="blue">うう</td></tr> </table> </body> </html> このようなソースを作成しました 2段のテーブルで1段目はセルを連結させてあるものです。 その後CSSで両端(背景とテーブルの境界線)に【水色】の線を入れたのですが・・・。 右側だけ、線【水色】とテーブルの白い部分、の間が空いてしまいます。 どぅしたら良いでしょうか? 長々と申し訳ありません。よろしくお願い致します。

  • table[summary="table_1"]

    table[summary="table_1"] td,th{ padding: 5px 10px; } とスタイルシートで設定した場合、 <table summary="table_2"> のthには、 padding: 5px 10px;は適用されないですよね? 上記のcssでthタグにpadding: 5px 10px;が出来ようされるのは、 "table_1"だけですよね?

    • ベストアンサー
    • CSS
  • テーブルの枠線(外内両方)をすべて同じ太さ(1px)にしたい

    はじめまして。 cssから初めて、いま初めてテーブルタグを触っているのですが・・・ おそらくとても初心者なことだと思うのですが、tableタグの枠線の太さを揃える方法がわかりません・・・ <table ~>で直接HTMLで指定すると重なり合う2つのborderのおかげで2px分のテーブルが表示されます。 これを1px分だけの細い(ここのサイトもそうだと思います。)テーブルを作りたいのですが、こちらはCSSでそれぞれのセルに対してこのセルはbottomだけ、このセルはleftだけ、というように指定していかなければいけないのでしょうか? テーブル自体ほとんど触ったことはないのですが、なぜか余計にややこしいことをしているような気がして質問させていただきました。 どうかよろしくお願致します。

    • ベストアンサー
    • HTML