Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

コメント

コメントの投稿

コメント

管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://hachisue.blog65.fc2.com/tb.php/172-9f663873
この記事にトラックバックする(FC2ブログユーザー)

Table と セレクタ ・・・

Table表の(個人的な)イメージは、
 「外枠と言う "Box" に、セルという "Box" が並んでいる」
との感じ。なので、
表内の線(内枠)の "線の太さ" は、実は、セルとセルの間の幅であり、
 「 "CellSpacing" で指定された間隔に依存する」
CellSpacingを変化させるとこんな感じ、
http://heo.jp/tag/table/spacing.html

また、
"Border=1" を指定しても数ドット程度の太さをもつ線のエリアが表示されるので
「細い枠線」にするには、テクニックが必要。
一例として、
・Border を指定せず、BgColor を枠の代わりに表示させる
 http://hp-sozai.net/m-html/Tt01.html#a10

ところで、
外枠である "Border" は、"線"というより 「立体表示」の機能
Border = 2 以上 で、それが鮮明になる。
イメージ的に判り易いのは、
http://www.tagindex.com/html_tag/table/table_bordercolor2.html
但し、bordercolorlight と bordercolordark を指定できるのは IE のみ(IE独自の属性らしい)

Tableタグの属性一覧は、
http://www.tohoho-web.com/html/table.htm
であるが、
よく使われる属性などは、
http://heo.jp/tag/table/
の辺りか。

補足の情報として、
・スタイルの table-layout
 http://www.htmq.com/style/table-layout.shtml
・表題の Caption タグ
 http://www.htmq.com/html/caption.shtml
・TDタグの セル連結である ColSpan属性RowSpan属性
 http://www.tohoho-web.com/html/td.htm
などは、有用である。

蛇足で、
Tableタグと直接の関係はないが
idセレクタclassセレクタ の違いについては、
id ・・・ http://www.htmq.com/selector/id.shtml
class ・・・ http://www.htmq.com/selector/class.shtml

コメント

コメントの投稿

コメント

管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://hachisue.blog65.fc2.com/tb.php/172-9f663873
この記事にトラックバックする(FC2ブログユーザー)

Appendix

検索フォーム

プロフィール

hachisue

Author : hachisue
自作PCをこよなく愛する管理人です

最新記事

最新コメント

ブロとも申請フォーム

この人とブロともになる

QRコード

QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。