テーブル (覚書)


慎ちゃん師匠もホームページを開設しよう!

<table>タグの備忘録

テーブルを使ってのデザインは推奨されていませんが
使っていますw
んで、忘れないように覚書しておきます。


環境によって見え方が違うので余り凝らない方が良いと最近思うようになりました。
The simple is best!

タイトル部分で説明
<table summary="ヘッダー" id="header-body">
<tr><td id="header-body-sub">
タイトル
</td></tr></table>

<th>には、<th abbr="見出し説明">を・・・(音声対応)
table { border: 2PX solid #00f; }枠色を共通にする場合
table { border-collapse: collapse; }枠単線
table { border-collapse: separate; }枠重線(現在の環境で規定値みたい)

<style type="text/css">
<!--
#header-body {
width: 800px;
border: 3PX solid #420;
margin: 50px auto 0px;
background: #420;
}
#header-body-sub {
height: 100px;
padding: 30PX 15px 30PX 15px;
letter-spacing: 2px;
text-align: center;
text-valign: top;
background-image: url(../sz/toukay30.png);
}
-->
</style>

width: 800px;
height: 100px;
border-style: dotted;
none(hidden)なしdotted点線dashed破線solid一重線doublo二重線
grooveボーダー凹ridgoボーダー凸inset全体凹outset全体凸
border-width: 2px 5px 3px 1px;
thin細medium普通thick太
border-color: #f00 #0f0 #00f #f0f;
border: 3PX solid #420;(まとめて書けます)
margin: 50px auto 0px;枠外間隔
auto(センターリングできる)
body { margin-top: 0px;  text-align: center; }(合わせて使用)
padding: 0px;枠内間隔
text-align: center;
left左center中央right右
text-valign: top;
top上middle中間bottom下
cellspacing→border-spacing(tableへ)
cellpadding→padding(th,tdへ)
background: #420;(バックの色)
background-image: url(画像URL);



気づけば、随時追記していきます。
[PR]
トラックバックURL : https://boardx.exblog.jp/tb/3883726
トラックバックする(会員専用) [ヘルプ]
Commented by ビリケン at 2006-11-24 21:53 x
な、名、なんなねんこれは。
頭痛くならんのですか?
脳みそバ~ん
Commented by black-board at 2006-11-24 23:39
こんばんは!(^(●●)^)/
左後頭部に、疼きが有ります・・・とほほ
今日は、癌で亡くなった仲間の話と、親しい仲間が意識不明で入院中だとの話が飛び込んできて、『脳みそバ~ん』です。
唯、坦々と、今日一日を・・・そんな気持ちの今日でした。
Commented at 2006-11-25 12:54
ブログの持ち主だけに見える非公開コメントです。
名前
URL
画像認証
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。

by black-board | 2006-11-24 12:31 | HTMLの道具箱 | Trackback | Comments(3)