トップ > スッキリかんたんスタイルシート


周辺機器へ
WinIE
5.05.56.0
WinNS
4.x6.x7.x
WinOpera
6.07.x8.0
winFirefox
1.x
MacSafari
1.x2.0
MacNs
4.x6.x7.x
MacOpera
6.07.58.0
MacFirefox
1.x
【下記CSSのブラウザ対応】 バージョンがグレーで表示されているブラウザは対応していません。表示は一部対応です。
width,height,padding セルの幅,高さ,余白
@ ここはthセルA width:50pxで指定B 折り返しC IEのみ
@ ここはtdセルA width:120pxで指定B th,tdセルでそれぞれの高さを指定。C  すべてのセルにpadding:5px 10pxを指定している。
>>> HTMLソース
 幅を割合で指定する
@ thセルA width:70%B 幅を割合で指定
@ tdセルA width:70%B 幅を割合で指定
D ブラウザの大きさでE 表の大きさがF 変わります。
>>> HTMLソース
WinIE
5.05.56.0
WinNS
4.x6.x7.x
WinOpera
6.07.x8.0
winFirefox
1.x
MacSafari
1.x2.0
MacNs
4.x6.x7.x
MacOpera
6.07.58.0
MacFirefox
1.x
【下記CSSのブラウザ対応】 バージョンがグレーで表示されているブラウザは対応していません。表示は一部対応です。
text-align,vertical-align セル内の位置を指定する
text-align:left text-align:center text-align:right text-align:baseline
 vertical-align:top  middle  bottom  baseline
>>> HTMLソース
WinIE
5.05.56.0
WinNS
4.x6.x7.x
WinOpera
6.07.x8.0
winFirefox
1.x
MacSafari
1.x2.0
MacNs
4.x6.x7.x
MacOpera
6.07.58.0
MacFirefox
1.x
【下記CSSのブラウザ対応】 バージョンがグレーで表示されているブラウザは対応していません。表示は一部対応です。
background 表全体に色を指定する
@ thセルABC
@ tdセルABC
D table要素の背景にE 色を指定しています。
>>> HTMLソース
表サイズより大きめの画像を指定する
@ thセルABC
@ tdセルABC
D table要素の背景にE 画像を指定しています。
>>> HTMLソース
背景画像をしきつめる
@ thセルABC
@ tdセルABC
D table要素の背景にE ;画像をしきつめる。

背景 使用画像
>>> HTMLソース
WinIE
5.05.56.0
WinNS
4.x6.x7.x
WinOpera
6.07.x8.0
winFirefox
1.x
MacSafari
1.x2.0
MacNs
4.x6.x7.x
MacOpera
6.07.58.0
MacFirefox
1.x
【下記CSSのブラウザ対応】 バージョンがグレーで表示されているブラウザは対応していません。表示は一部対応です。
border それぞれの要素に枠線を指定する
thセル border:solid#F896453px
tdセル border:solid#C68E513px
table border:solid#96694E5px
>>> HTMLソース
セルだけに枠線を指定する
thセル border:solid#F896453px
tdセル border:solid#C68E513px
table border:solid#96694E5px
>>> HTMLソース
WinIE
5.05.56.0
WinNS
4.x6.x7.x
WinOpera
6.07.x8.0
winFirefox
1.x
MacSafari
1.x2.0
MacNs
4.x6.x7.x
MacOpera
6.07.58.0
MacFirefox
1.x
【下記CSSのブラウザ対応】 バージョンがグレーで表示されているブラウザは対応していません。表示は一部対応です。
border-collapse 隣り合うセルの枠線を重ねて表示
プロパティ機能
border-collapsecollapse枠線を重ねて表示
border-collapseseparate枠線を分離して表示
--(ここでは,collapse)
>>> HTMLソース
隣り合うセルの枠線を分離して表示
プロパティ機能
border-collapsecollapse枠線を重ねて表示
border-collapseseparate枠線を分離して表示
--(ここでは,separate)
>>> HTMLソース
枠線統合を利用した表のデザイン例
機能充実でリーズナブルなレンタルサーバー
サーバー提供初期費用月額容量
Value-Sever.com 格安レンタルサーバー3150円699円100MB
maid4uレンタルサーバー2100円1050円300MB
低価格、高信頼なレンタルサーバーならAblenet2614円875円600MB
SPPDレンタルサーバー3150円961円300MB
>>> HTMLソース
まだまだ使えて安上がり,中古パソコン

つくろう!魅せよう! スッキリかんたんスタイルシート〜基本 スッキリかんたんスタイルシート〜文字 スッキリかんたんスタイルシート〜色と背景 スッキリかんたんスタイルシート〜リンク スッキリかんたんスタイルシート〜ボックス スッキリかんたんスタイルシート〜配置 スッキリかんたんスタイルシート〜リスト スッキリかんたんスタイルシート〜表 スッキリかんたんスタイルシート〜いろいろ スッキリかんたんスタイルシート〜HP構成
Copyright(C)1997. itoben style. All Rights Reserved.