CSS3

[新]CSS3のグラデーション・角丸・影

2013.01.28
IE6のマイクロソフトさんのサポートも終了してから結構経つので、そろそろいいかも。 とはいえhtcファイルでそれらを実現できるようにしてくださっている方々がいらっしゃるので使用させていただきます。 ほんと感謝です。 /* グラデー...... 続きを読む >>

IEにしか使えないfilterで、IEのみ表示されない!!

2011.05.28
IEのみにしか有効じゃない独自使用のfilterを使い影をつけるfilterを使ったところ、IEのみ表示されないという事態に陥りました、、、 [code language="css"]-webkit-box-shadow: 2px 2...... 続きを読む >>

左右カラムの間のボーダーを途切れさせない方法

2011.05.27
今更感たっぷりですが、記載します。 [code language="css"]//左カラム{ border-right:1px solid #000; float:left; } //右カラム{ border-left:...... 続きを読む >>

CSS3のグラデーション・角丸・影

2011.02.14
それぞれの記載方法。 必要な要素に追加してください。 それにしてももうちょっとスマートにならんもんか、、、 ※IE6はもはや捨ててます。 [code language="css"]/* グラデーション */ /* グラデ...... 続きを読む >>

preタグ内でも改行を有効にする方法

2010.07.22
以下スタイルを記載 [code language="css"][/code]pre{ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap...... 続きを読む >>

clearfixを使わない方法

2010.05.26
下記サイトにのでご紹介。 clearfixを使わないなんて、考えた事もなかった。。。 http://www.yomotsu.net/wp/?p=561 [code]element{ /zoom : 1; } element:...... 続きを読む >>

liタグにfloatを当てた時、IEのみ折り返しが崩れる

2010.05.09
文字数がオーバーすると、折り返すのではなく、liごと下に下がる [code language="css"]li{ float:left; position:relative; white-space:nowrap; } [/co...... 続きを読む >>

CSSで、画像を縮小させてもIEできれいに見せる。

2010.03.18
この記載でIEでもきれいに表示される。 [code]img{ -ms-interpolation-mode: bicubic; }[/code] ちなみに縦横比固定でCSSで縮小サイズを記載したいとき、 固定幅(もしくは縦)の...... 続きを読む >>

IEでimg下に変な隙間が生じるバグ(その2)

2010.03.01
vertical-align:top;だけでは解消できない状況に遭遇。 いろいろやった結果、やっぱり<div>で囲うほかなかった、、、、 [code language="html"] <div class="ie_...... 続きを読む >>

safariハックをsafari4でも効かせる

2010.02.15
body:first-of-type セレクタ{ スタイル }...... 続きを読む >>