CSSのwhite-spaceプロパティについて
impressive websにて意外に知られていないかもしれないCSSのwhite-spaceプロパティについて解説されています。 文章をそのまま表示させたい場合には、preなどのタグを使用したり、文中のスペースを入れたい場合には、 をコード中に使用して表示させてきました。...
View Articleクロスブラウザ対応!CSSの透明度設定
クロスブラウザ対応で透明度を設定するCSSをご紹介。 IE, Firefox, Safari, Chrome, Operaなどの主要ブラウザに対応していて、クラスとして登録しておけばすぐに使用したいエレメントに適用させることができます。コードは以下を参照。 .transparent { filter:alpha(opacity=50); // IE用の設定。 -moz-opacity:0.5; //...
View ArticleIE6バグ対策のチートシート
IE6には、ブラウザ自体にバグがあるのはよく知られていて有名なものとしては、ダブルマージンや透過PNGの画像に対応していないというものがあります。 マイクロソフトからIE6のバージョンアップを推奨しているため存在自体少なくなってきましたが、IE6には様々なバグがあり適切な処置を行わないとレイアウトの崩れなど意図しない表示となってしまいます。 その際の処置としてvirtuosi...
View ArticleIE6, 7, 8をCSS3に対応させるスクリプト
デフォルトでは、IE6,7,8のブラウザはCSS3に対応していないためborder-radius、box-shadow、text-shadowなどのプロパティは適用されません。 現在fetchak.comにて公開されているスクリプトを使用することで簡単に実装することができます。 ファイルのダウンロードは、こちらからどうぞ 使用方法について // 対象となるエレメント .box {...
View ArticleCSS3.0 コードジェネレーター
Border Radius、Gradient、Transform、Animation、Transition、Text-shadow、Box Shadow、Rotation、@font-faceなどCSS3.0を使用したサンプルコードのプレビュー、対応ブラウザを確認することができ初期値も変更することができます。 CSS3.0のオンラインコードジェネレーター CSS3.0 Maker...
View ArticleIE用の条件分岐コメント一覧
HTML用のコメントは、通常で表現されますが、それとは別にInternet Exploer(以下IEと記載)用の条件分岐コメントをご紹介します。この条件分岐コメントは、IEまたはIEのバージョンによってコメントアウトすることができます。 IE用の条件分岐コメントとして、4つのタイプがありそれぞれについて紹介します。 IE全般に適用する場合 <!–[if...
View Article
More Pages to Explore .....