【先着1,000名様！】1,000円分をプレゼント！

テーブル内の一部のみ線を変更する方法ってありますか？

解決済

  • 質問者：hamaddux
  • 質問日時：
  • 回答数：2件

いつもお世話になっております。どなたか教えて下さい。
無理なら無理で結構ですので不可能だと回答下さい。

あるテーブル内の一部のみ線を点線にしたり、線幅を細くする方法があれば教えてほしいのですが・・・可能でしょうか？

イメージはエクセルのように一部の罫線だけを変更したいのです。宜しく御願いします。

１つのテーブルで実現不能ならば、複数のテーブルを自由に結合する方法とかないでしょうか？

むちゃくちゃ言って申し訳ありませんが、どなたか救いの手をお願いします。

ちなみにブラウザはIE5.0か6.0だと思います。

通報する

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

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「style 属性」に関するQ&A： style属性を使って擬似クラスを表現することは可能ですか？

A 回答 (2件)

No.1ベストアンサー

  • 回答者： site_uma
  • 回答日時：

スタイルシートを用いることで可能です。


以下の例ではタグに直接style属性を埋め込んでいますが、
先にstyle指定をしておくと楽かもしれません。
<table border="1" bordercolor="black">
<tr>
<td style="border-top-style:dashed;border-left:3px solid red;border-bottom-width:2px;border-right-color:blue;">あああ</td>
</tr>
</table>
詳しくは、スタイルシート、CSSなどで調べてみてください。
    • good
    • 2
    • 件
通報する

No.2

  • 回答者： site_uma
  • 回答日時：

#1に補足です。


テーブルにスタイルシートを反映する場合、
主にtdタグに対してスタイルシートを反映していく形になりますが、
実現しようとするスタイルによっては、少々面倒かもしれません。
また、場合によりますが、tableタグでcellspacing="0"にしておくとやりやすいと思います。
    • good
    • 1
    • 件
通報する

このQ&Aに関連する人気のQ&A

「style 属性」に関するQ&A： 仕事が忙しく疲れている彼に対して、どうしてあげたら？

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するQ&A

関連するカテゴリからQ&Aを探す

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブルの一部のセルだけ罫線を消したい

テーブルを作成していて、一つのセルだけ罫線を消したいのですが、可能でしょうか？

今回は一番下のセルの横と下を消したいのです。
具体的に言うと、フォームを作っていて一番下の送信ボタンが入るセルの罫線を消したいんです。

簡単な方法、あるいはタグでどう書けばよいのでしょうか？
何ぶん初心者のため、わかりやすく教えていただけるとうれしいです。

よろしくお願いします。

Aベストアンサー

<td style="border:0"><input></td>

多分これで消えるんじゃないかと思うけどどうだろう
ただ、tableタグに対してborder表示をしているならまずそれも消さないとだめだよ

そういう場合は
<form>
　<table>
　</table>
　<input>
</form>
こんなくくり方をしてtableの枠外にしないとならないね

他の回答も見る

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか？
<TD>タグや<TR>タグのところでいじくるのですか？

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
＃2の方法ですね。

テーブルごとやセル（<TD>）ごとにサイズを変更するには
スタイルシート（CSS）を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル（<TD>）ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

＃1の方法だとページ内の全てのセル（<TD>）に設定することになります。

スタイルシート（CSS）はこれら以外にも
いろいろな設定方法があります。

他の回答も見る

QTABLE内の枠線を一部消すには

よろしくお願い致します。
HTMLでの表の書き方について教えてください。
1行5列の表で
1列目は枠線あり（枠内の表示項目あり）、
2列目は枠線なし（枠内の表示項目なし）、
3列目は枠線あり（枠内の表示項目あり）、
4列目は枠線なし（枠内の表示項目なし）、
5列目は枠線あり（枠内の表示項目あり）、
のイメージで作成したいのですが
どのように記述したらよいか教えてください。
よろしくお願い致します。

Aベストアンサー

そもそも、枠内にデータがないのに２列目、４列目とはどういう意味でしょう。
データがないのに、空の行を見栄えのためだけにHTMLを記述するのは間違いです。
　表は決してデザインのために使用してはなりません。
・ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )
　表はあくまで、「縦横に関連のあるデータを組み立てるだけ」です。

　行ではなく、セルにデータがない場合は、
border-collapse:
border-spacing:
empty-cells:
　の各プロパティを組み合わせて希望のデザインにします。その行すべてデータがない場合も同様ですが、その場合は空の行をおくのではなく。これらを使って行間のスペースを開けるべきです。

ごく簡単な例　ウェブ標準HTML4.01strict+CSS2.1
★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input+with_options )
で検証済み
※　タブは＿に置換してあるので戻すこと。

HTMLに無駄なものは一切ないです。携帯電話だろうが検索エンジンだろうが利用できる。読み上げブラウザが空の行を読み上げない。excelやメモ帳などにコピペとかデータの再利用がそのままできる。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">
<!--
table[summary="行間広げる"]{
＿border:none; /* table自体には枠なし */
＿border-collapse: separate;/* セル間を広げる */
＿border-spacing: 0 2em; /* その間隔は上下２文字、左右0 */
＿empty-cells: show; /* 内容のないセルもボーダーをつける */
＿margin:0 auto; /* ページの中央に */
}
table[summary="行間広げる"] th,
table[summary="行間広げる"] td{
＿padding: 0.2em 1em; /* セル内余白 上下0.2文字幅、左右１文字 */
＿border:ridge gray 4px;/* ポーターの種類と幅、色 */
}
table[summary="行間広げる"] td{border-left-width:0px;}/* tdのボーダーは消す */
-->
＿</style>
</head>
<body>
＿<h1>サンプル</h1>
＿<table summary="行間広げる">
＿＿<tbody>
＿＿＿<tr>
＿＿＿＿<th abbr="title">＼</th><td>１列</td><td>２列</td><td>３列</td><td>４列</td>
＿＿＿</tr>
＿＿＿<tr>
＿＿＿＿<th abbr="L1">１行目</th><td>１列</td><td>２列</td><td></td><td>４列</td>
＿＿＿</tr>
＿＿＿<tr>
＿＿＿＿<th abbr="L2">２行目</th><td>１列</td><td>２列</td><td>３列</td><td>４列</td>
＿＿＿</tr>
＿＿＿<tr>
＿＿＿＿<th abbr="L3">３行目</th><td>１列</td><td>２列</td><td>３列</td><td>４列</td>
＿＿＿</tr>
＿＿＿<tr>
＿＿＿＿<th abbr="L4">４行目</th><td>１列</td><td>２列</td><td>３列</td><td>４列</td>
＿＿＿</tr>
＿＿</tbody>
＿</table>
</body>
</html>

そもそも、枠内にデータがないのに２列目、４列目とはどういう意味でしょう。
データがないのに、空の行を見栄えのためだけにHTMLを記述するのは間違いです。
　表は決してデザインのために使用してはなりません。
・ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )
　表はあくまで、「縦横に関連のあるデータを組み立てるだけ」です。

　行ではなく、セルにデータがない場合は、
border-collapse:
border-spacing:
empty-cells:
　...続きを読む

他の回答も見る

Qテーブルセル余白（例えば左側だけ、上側だけ、など）

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ５ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="ＸＸ"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

１つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

他の回答も見る

Qテーブルの内側の特定の線だけ消したい

１つのテーブル内の、横線を消したいのですが、二本目と四本目だけなど、特定の消し方はあるのでしょうか？

色々と調べたのですが、横線を一括で消す方法しか載っていないので。

Aベストアンサー

適当なセルで
style="border-style: 上 右 下 左"
と設定します。
それぞれには、
線を引く場合
solid
線を引かない場合
none
を書きます

他の回答も見る

QHTMLフォームのSELECTの幅を一定にするためには？

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか？

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

他の回答も見る

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか？
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

２列のテーブルを作ったらいかがでしょうか？
<table>
<tr>
<td>１つめのテーブルに入れる内容</td>
<td>２つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば２つ並びます。
<table>
<tr>
<td><table>←１つめのテーブル→</table></td>
<td><table>←２つめのテーブル→</table></td>
</tr>
</table>

他の回答も見る

Qテーブル内の文字列を改行させたい

<TABLE border="1">
<tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</tr>
</TABLE>

これを、ある一定の幅を指定して改行させたいのですが、
CSSを使おうが使わず指定しようが、反映されません。
全角文字だと反映されます。

IE6、IE7で対応させたいと思っています。

CSSでも何でも良いので、どうすれば対応出来るのか
ご教示下さい。

Aベストアンサー

英数半角文字だと、続けて入力した場合、一つの単語とみなして禁則処理をしてしまうんだと思います。
なので、<br>で改行するのがいいのかと思いますが、
IEで対応したいということなので、IE7で動作するかはわかりませんが、
word-break:break-all;
の指示で単語の切れ目を無視して改行してくれると思います。

参考URL：http://www.htmq.com/style/word-break.shtml

他の回答も見る

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ（改行タグ<br>の半分以）間隔を空けたいのですが、どうすれば良いのでしょうか？

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

他の回答も見る

Qhtml、テーブル内にテーブル。表示位置

htmlで<table>タグを使って　テーブルを作成しました。（これをテーブル(1)とします。）
このテーブルのなかに表を作成したいため、テーブル内で<table>タグを使用し表を作成しました。（ここで作成したテーブル（表）をテーブル(2)とします。）
つまり、テーブル(1)の中にテーブル(2)(表)が存在する。といった状況です。

ところがテーブル(2)がテーブル(1)の真ん中に表示されてしまいます。
そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。
どうしたらよいでしょうか？
教えてくださいよろしくお願い致します。

Aベストアンサー

> そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。

テーブル(2)ではなくてテーブル(1)を次のようにすればテーブル(2)が左に寄ります。

<TABLE> ここはテーブル(1)
<TBODY>
<TR>
<TD align="left">
<TABLE>　ここからテーブル(2)
<TBODY>
<TR>
<TD>　

他の回答も見る
ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報