知っておくと便利なCSSテクニック

CSS

CSSにはちょっとした小技的っていろいろあると思うですが今回はちょっと記述しただけで解決が出来るような小技をいくつか紹介したいと思います。

…ここからが続き

IEで画像の元サイズよりも小さく表示した際に画質が悪くなるの解決

img { -ms-interpolation-mode: bicubic; }

サンプルページ

リンクが途中で折り返しされるの防ぐ

a { white-space:nowrap; }

サンプルページ

いつでもスクロールバーを表示

高さが異なるページでのセンタリングのズレを解決。

html { overflow-y: scroll; }

IEでテキストエリアの縦スクロールバーを非表示

textarea { overflow:auto; }

サンプルページ

table 要素の余白を消す

初心者は案外知らない人が多いみたいなのでこれも入れておきます。

table	{ border-collapse: collapse; border-spacing: 0; }

Comments

tsukapiko

tsukapiko

こんばんは、新しい事を学びながらも、リンクの折り返しなどなかなか初歩的な事がおろそかになりがちです。

2010年09月05日 01:31

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article