PR
コメント新着
Oct , 2026
Sep , 2026
Sep , 2026
Aug , 2026
フリーページ
タグ辞書【A】
タグ辞書【ABBR】
タグ辞書【ACRONYM】
タグ辞書【ADDRESS】
タグ辞書【APPLET】
タグ辞書【AREA】
タグ辞書【B】
タグ辞書【BASE】
タグ辞書【BASEFONT】
タグ辞書【BDO】
タグ辞書【BGSOUND】
タグ辞書【BIG】
タグ辞書【BLINK】
タグ辞書【BLOCKQU…】
タグ辞書【BODY】
タグ辞書【BR】
タグ辞書【BUTTON】
タグ辞書【CENTER】
タグ辞書【CITE】
タグ辞書【CODE】
タグ辞書【COL】
タグ辞書【COLGROUP】
タグ辞書【COMMENT】
タグ辞書【CAPTION】
タグ辞書【DD】
タグ辞書【DEL】
タグ辞書【DFN】
タグ辞書【DIR】
タグ辞書【DIV】
タグ辞書【DL】
タグ辞書【DT】
タグ辞書【EM】
タグ辞書【EMBED】
タグ辞書【FIELDSET】
タグ辞書【FONT】
タグ辞書【FORM】
タグ辞書【FRAME】
タグ辞書【FRAMESET】
タグ辞書【H】
タグ辞書【HEAD】
タグ辞書【HR】
タグ辞書【HTML】
タグ辞書【I】
タグ辞書【IFRAME】
タグ辞書【ILAYER】
タグ辞書【IMG】
タグ辞書【INPUT】
タグ辞書【INS】
タグ辞書【ISINDEX】
タグ辞書【KBD】
タグ辞書【LABEL】
タグ辞書【LAYER】
タグ辞書【LEGEND】
タグ辞書【LI】
タグ辞書【LINK】
タグ辞書【LISTING】
タグ辞書【MAP】
タグ辞書【MARQUEE】
タグ辞書【MENU】
タグ辞書【META】
タグ辞書【MULTICOL】
タグ辞書【NOBR】
タグ辞書【NOEMBED】
タグ辞書【NOFRAMES】
タグ辞書【NOLAYER】
タグ辞書【NOSCRIPT】
タグ辞書【OBJECT】
タグ辞書【OL】
タグ辞書【OPTGROUP】
タグ辞書【OPTION】
タグ辞書【P】
タグ辞書【PARAM】
タグ辞書【PLAINTEXT】
タグ辞書【PRE】
タグ辞書【Q】
タグ辞書【RB】
タグ辞書【RP】
タグ辞書【RT】
タグ辞書【RUBY】
タグ辞書【S】
タグ辞書【SAMP】
タグ辞書【SCRIPT】
タグ辞書【SELECT】
タグ辞書【SMALL】
タグ辞書【SPACER】
タグ辞書【SPAN】
タグ辞書【STRIKE】
タグ辞書【STRONG】
タグ辞書【STYLE】
タグ辞書【SUB】
タグ辞書【SUP】
タグ辞書【TABLE】
タグ辞書【TBODY】
タグ辞書【TD】
タグ辞書【TEXTAREA】
タグ辞書【TFOOT】
タグ辞書【TH】
タグ辞書【THEAD】
タグ辞書【TITLE】
タグ辞書【TR】
タグ辞書【TT】
タグ辞書【U】
タグ辞書【UL】
タグ辞書【VAR】
タグ辞書【WBR】
タグ辞書【XMP】
タグ辞書【コメントアウト】
タグ辞書【!DOCTYPE】
piyo
サンプル
HP作成のためのコラム
スタイルシートをゼロからお勉強
HTMLタグに挑戦
Oct 2, 2004
テーマ： タグに挑戦！(102)
カテゴリ： タグ教室
今まであまり触れずにここまできましたが、
テーブルに指定できる属性ってこ存知ですか？
まぁ、実際はたくさんあるのですが・・・
今日は３つほど紹介しようと思います(〃⌒▽⌒)
こちらは今まで何回か紹介してきましたよね(〃⌒▽⌒)
例）
<table>
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
<table border=10 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
表示結果）
のように指定しなかった場合と比べると一目瞭然ですよね(〃⌒▽⌒)
念のため解説しておきますと、テーブルの境界線の太さとなっています。
例）
<table>
<tr><td>○</td><td>×</td></tr>
</table>
<table border=1 cellspacing=30 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
表示結果）
これも見てもらえば分かるでしょう(￣▽￣人)
セルとセルの間隔を示すものとなっていますね(〃⌒▽⌒)
例）
<table>
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
<table border=1 cellpadding=30 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
表示結果）
こちらはセル内の余白を表します。
セルの中身と境界線までの余白をどれだけとるか・・・ってことですね(〃⌒▽⌒)
以上３点ですが、当然組み合わせて使うことも出来ます(〃⌒▽⌒)
いろいろと試してみてくださいね(￣▽￣人)
テーブルに指定できる属性ってこ存知ですか？
まぁ、実際はたくさんあるのですが・・・
今日は３つほど紹介しようと思います(〃⌒▽⌒)
BORDER
こちらは今まで何回か紹介してきましたよね(〃⌒▽⌒)
例）
<table>
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
<table border=10 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
表示結果）
○
×
◇
△
○
×
◇
△
のように指定しなかった場合と比べると一目瞭然ですよね(〃⌒▽⌒)
念のため解説しておきますと、テーブルの境界線の太さとなっています。
CELLSPACING
例）
<table>
<tr><td>○</td><td>×</td></tr>
</table>
<table border=1 cellspacing=30 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
表示結果）
○
×
◇
△
○
×
◇
△
これも見てもらえば分かるでしょう(￣▽￣人)
セルとセルの間隔を示すものとなっていますね(〃⌒▽⌒)
CELLPADDING
例）
<table>
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
<table border=1 cellpadding=30 >
<tr><td>○</td><td>×</td></tr>
<tr><td>◇</td><td>△</td></tr>
</table>
表示結果）
○
×
◇
△
○
×
◇
△
こちらはセル内の余白を表します。
セルの中身と境界線までの余白をどれだけとるか・・・ってことですね(〃⌒▽⌒)
以上３点ですが、当然組み合わせて使うことも出来ます(〃⌒▽⌒)
いろいろと試してみてくださいね(￣▽￣人)
お気に入りの記事を「いいね！」で応援しよう
[タグ教室] カテゴリの最新記事
-
楽天について Jan 11, 2006
-
Yahoo Japanが検索結果表示を刷新 Oct 5, 2005
-
大人気ぶろぐ？ Sep 6, 2005
なるほど(-o-)ﾎｰ
borderがないと、同じに見えるんですね。
こう見るとよ～く分かった気がします。。。。
でも暫くすると、またゴチャゴチャになるんですよ。
年のせい？σ(^_^;)
その時は、また聞きに来るから
教えてね( ^-^)ﾉ (Oct 4, 2004 07:44:30 AM)
こう見るとよ～く分かった気がします。。。。
でも暫くすると、またゴチャゴチャになるんですよ。
年のせい？σ(^_^;)
その時は、また聞きに来るから
教えてね( ^-^)ﾉ (Oct 4, 2004 07:44:30 AM)
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
