- ベストアンサー
スタイルシートで<table>の内側の線の表示
noname#5537の回答
- ベストアンサー
<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>
noname#107580
- noname#107580
- noname#5537
関連するQ&A
- スタイルシートでtable位置を指定したい
スタイルシートでtable全体の位置をセンターへ持って行きたいのですが、調べてもテキストのalignしか出てきません。 tableそのものをセンターへ持って行くにはhtmlファイルのtableタグ内でaligh="center"とするか、スタイルシートでcenterを指定するにはtable全体をdivなどで囲んでdivの要素としてcenterを指定してやるしかないのでしょうか。 できれば<table class="xxxx">として１つにまとめたいのですが。 解決方法ご存じの方ぜひ教えてください。
- ベストアンサー
- HTML
- スタイルシートの書き方
HPの中に以下のようなテーブルを並べて作っているのですが、後からまとめて編集しやすいようにCSSファイルを別に作ろうと思います。 自分であれこれ試してはいるのですが、スマートな（？）スタイルシートの書き方がいまいちわかりません。 どのように指定すればいいでしょうか？ 因みに下のタグもかなり自己流な部分があるのではないかと思うので、おかしいところがあれば指摘してください。 よろしくお願いします。 ------------------------------------------------------ <table border="0" bgcolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td> <table border="0" cellspacing="1" cellpadding="2" width="500"> <tr><td bgcolor="#ffffff" width="150">AAA</td><td>BBB</td></tr> </table> </td> </tr> </table>
- ベストアンサー
- CSS
- IE8だと内側に線が引かれてしまいます。
ブラウザ IE8 スタイルシートで例として ------------------------ h3{ width:230px; height:60px; background:#000; border:3px double #000; color: #ffffff; } ----------------------- このように背景と線の色を同じにすると内側に線が引かれるので２重線になりません。 IE7だと外側に線が引かれるので綺麗な2重線になるのですが・・・ IE8でも外側に線を引くことは可能なのでしょか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- スタイルシートで表を作成
スタイルシートで、表を作りたいと思います。<TD>ごとにではなく、<TABLE>内に指定して、PADDINGやフォントサイズをいっぺんに反映させたいです。 指定したいのは、FONT、PADDING、SPACINGです。表自体はTABLEタグで作ります。よろしくお願いいたします。
- ベストアンサー
- CSS
- スタイルシートによるTABLE内フォントの制御は可能?
スタイルシートで指定した内容（フォントの設定）は <TABLE>タグ内でも有効でしょうか？ 出来ると思ってやったんですが、うまく反映されないです。 記述がおかしいのか、元々<TABLE>タグ内のフォントには 反映されないものなのか知りたいです。 恐らくとても初歩的な質問なのだと思いますが、 お時間ありましたら教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- セルの周りの線だけを表示させるには？
ホームページビルダーで表を作る際の質問です。 http://item.rakuten.co.jp/hotclothing/wpc61104/ 上記URLの左側のメニューのように、セルの周りだけ線を表示させるにはどのようにしたら良いでしょうか？cellspacing borderなど色々数値を変えてみたのですが、どうしてもセル周りの線だけを表示させる事が出来ません。 <table border="0" width="180" height="103" cellspacing="2" cellpadding="0"> このように打つと点線でセル周りだけ表示できるのですが、この点線部分だけを色を指定して表示させたいのです。 どなたかご存知の方いらっしゃいましたらご教授くださいませ。約8時間ほど悩んでいます・・・・。
- ベストアンサー
- ホームページ作成ソフト
- スタイルシートは直接指定より優先されるのでしょうか？
一行ずつグレー、白としたいのですが、 スタイルシートは直接指定より優先されてしまうでしょうか？ .tr{ background-color : #FFFFFF; } <table> <tr> <td> 白 </td> </tr> <tr> <td bgcolor="glay"> グレーくならない </td> </tr> </table> いままで使っていなかったtbodyタグでスタイルシートの背景色を指定していますが、スタイルシートを使う限りこの方法しかないでしょうか？
- ベストアンサー
- HTML
- スタイルシートでかけるものはスタイルシートを使った
非推奨タグでなくても、スタイルシートでかけるものはスタイルシートを使ったほうが良い？ htmlでサイトを作ってるのですが、スタイルシートを使うべきかｈｔｍｌで書くべきか、 どちらでもかける場合があります。 その際どちらを使ったほうがいいのでしょうか？
- ベストアンサー
- HTML
- firefox対応で表(<table>)を中央に表示したい
インターネットエクスプローラ(IE)では表(<table>～</table>)の中央表示 をスタイルシートの style=text-align: center; で指定できたものが、 FireFoxでは通用しないようです。 tableタグにてalign=centerと指定すれば中央表示できるものの、これは非推奨であるため今後のことを考えて使用を避けたく考えております。 非推奨要素を使用せず表を中央に表示する方法はあるのでしょうか？
- ベストアンサー
- HTML
- スタイルシート 全体と個別？
スタイルシートで table { width="100%"; }と定義しているところで、 <table>タグを書くと100%で表示されます。 これはこれで全てのテーブルタグが一律そうなって便利ですが、 特定のテーブルだけ width="100px"にしたいのですが可能でしょうか？ CSSの仕組みを理解していないのでお分かりの方教えてください。 全て一律で定義した状態で、特定のテーブル（タグ）だけ別のスタイルにしたいです。 特定のテーブルだけ<table width="100px">や <table style="width:100px">としましたが、私のミスか全体のスタイルシートの設定ままでした。
- ベストアンサー
- HTML
お礼
は～なるほど。<td>にスタイルをつけるんですね～。 なんで思いつかなかったんだろ～。 ありがとうございました！