ねこすけのCSS http://css.nekosuke.com/ en-us T00:00:00+09:00 サイトマップ http://css.nekosuke.com/sitemap.html 2007-02-27T00:00:00 ソースやHTMLを表示そのまま表示する http://css.nekosuke.com/000024.htm ソースなどをそのままコピーしてHTMLにはりつけてもBRタグがないため、改行されません。そんな場合は

white-space: -pre-wrap;

を使います。
HTMLですとPRE といったとこでしょうか？

]]> 2006-06-15T00:00:00 TIPS http://css.nekosuke.com/000023.htm 2006-06-15T00:00:00 回り込みの詳細 http://css.nekosuke.com/000010.html 左と右を同時に指定したり、左を回り込みを繰り返したりしてテーブルのようなレイアウトが可能。




回り込みの設定
HTML:＜img src="☆" align="★">
CSS:img

回り込みの解除
HTML:

CSS:br
]]> 2005-02-01T00:00:00 改行しないで表示 http://css.nekosuke.com/000009.html あまり使わないかな？


HTML:＜nobr> ＜/nobr>
CSS:セレクタ{white-space:nowrap}]]> 2005-02-01T00:00:00 背景に画像を使う http://css.nekosuke.com/000008.html H1やH2タグの再定義でも使えますので、思ったよりも使います。

HTML:＜body bkground="イメージファイル">＜/body>
CSS:body{background-image:イメージファイル}]]> 2005-02-01T00:00:00 背景の画像を固定 http://css.nekosuke.com/000007.html あまり使いませんね。

HTML:＜body background="イメージ" bgproperties-attachment:fixed> ＜/body>
CSS:body{background-image:イメージ;background-attachment:fixed}]]> 2005-02-01T00:00:00 背景色を指定 http://css.nekosuke.com/000006.html classやidで指定した領域に対しても有効です。


HTML:＜body bgcolor="色">＜/body>
CSS:body{background-color:色}]]> 2005-02-01T00:00:00 文字色 http://css.nekosuke.com/000005.html 文字カラーはBodyタグで指定しておいたほうがいいようです。

HTML:＜body text="色">
CSS:body{color:色}]]> 2005-02-01T00:00:00 画像とテキストの並び方 http://css.nekosuke.com/000004.html

HTML:＜img src="★" algin="☆">
CSS:img{vertical-align:★}
]]> 2005-02-01T00:00:00 テーブルの枠線幅 http://css.nekosuke.com/000003.html 特定クラスのテーブルだけに適用するように設定する。


HTML:＜table border="★">
CSS:table{border:△　□　★}
]]> 2005-02-01T00:00:00 テーブルのサイズ http://css.nekosuke.com/000002.html

HTML:＜table width="★" height="△"> ＜/table>
CSS:table{width:★;height:△ }]]> 2005-02-01T00:00:00 ねこすけのCSSについて http://css.nekosuke.com/000001.html ]]> 2005-02-01T00:00:00 リスト修飾 http://css.nekosuke.com/ref-list.html リストの修飾は主にナビゲーションで使います。
グローバルメニューやフッターメニューで横並びにしたり、サイドメニューでラインを付けて、境界をはっきりさせたりなどの使われ方がします。
CSSではリストマークに画像をしてしたりできますが、テキストとの並びがずれますので、背景画像をつかうことが多いです。

例１　リストを横並びにする

li　はボックス要素です。その為通常は自動的に改行されます。
横並びにするにはインライン要素にするだけです。


#FT li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 3px;
	padding-left: 5px;
}
]]> 2005-02-01T00:00:00 テーブル修飾 http://css.nekosuke.com/ref-table.html テーブルに関してはCSSなしでは修飾が考えられないほど、デフォルトのスタイルが見にくいものです。
基本の形を決めておいて、それを変更するのが簡単でしょう。 私は下記を基本にしています。


table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
th,
td{
	font-size: 78%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
th{
	background-color: #D6F8F1;
	text-decoration: none;
}

td{
	background-color: #F9F9F9;
}
]]> 2005-02-01T00:00:00