プレミアム バンダイ   Challenge HP
HP作成 スタイルシート apeskin サーバー HP作成ソフト アフィリエイト リンク BBS top
スタイルシート

CSSリファレンス


IEツールバー
Googleツールバー
Infoseekツールバー
Yahoo!ツールバー
Windowsをお使いでしたら、IEツールバーを利用すると検索に便利。 ブラウザに組み込まれ、キーワード検索できます。


■ border-spacing
セル間のスペース <lenght>

テーブルタグには、 border="0" cellpadding="2" cellspacing="2" といった属性がつきものでしたが、 スタイルシートの border,padding,border-spacing, を使う事でタグの属性は不要になりました。 しかしIE6ではサポートされていません。次期IEではサポートされると思います。

border → border cellpadding → padding cellspacing → border-spacing

<style type="text/css">
.table1 {border:1px solid #0088ff;border-spacing:5px}
.td1 {border:1px solid #00aaff;padding:10px}
</style>

<table class="table1">
<tr>
<td class="td1">border → border
</td>
<td class="td1">cellpadding → padding
</td>
<td class="td1">cellspacing → border-spacing
</td>
</tr>
</table>
■ caption-side
captionを使った時の配置 top bottom right left

これもIE6ではサポートしていません。次期IEでサポートされると思います。

表題の位置
caption-side:top
の場合の表題の位置は
こんな感じです

表題の位置
caption-side:bottom
の場合の表題の位置は
こんな感じです

表題の位置
caption-side:right
の場合の表題の位置は
こんな感じです

表題の位置
caption-side:left
の場合の表題の位置は
こんな感じです
 you style Copyright (C) 2003-2004 Challenge HP, All rights reserved.