CSSプロパティ [CSS]pointer-eventsで<a>タグのリンクを無効化する方法
<a>タグをクリックして何も起きないようにするということをしようと思います。 一番簡単な方法は、CSS3のpointer-eventsを利用することですが、CSS3なのでIEでの動きは微妙です…。 スマフォサイトなら気にせずに使えるのかなと...
CSSプロパティ
CSSプロパティ 
CSSプロパティ [CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法
iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、 CSSの-webkit-text-size-adjust:100%
CSSプロパティ [CSS]floatを利用せずにdisplay:inline-blockで要素を横並びにする方法
グローバルナビのメニューリンクを横並びにしたり、ギャラリー型サイトで画像をタイル状に横に並べたりと、サイト構築時に要素を横並びにするに当たってCSSのfloatやdisplayを使うことが多いと思います。 floatとdisplayとでは見...
CSSプロパティ [IE]PIE.htcを利用したIE8以下向けの表示サンプル
IE6、IE7、IE8でも一部の CSS3のプロパティが使える「PIE.htc」の記事でも紹介させていただいたPIE.htcファイルですが、実際にIE6、IE7、IE8でPIE.htcを使った場合の見え方はどのようになるのか について、サン...
CSSプロパティ [CSS]CSSで印刷時のページ分割（改ページ）を行う方法
WEbページを印刷する場合、 「なんでここでページ分割されるの？？」 なんてことがよく起こりますが、CSSのpage-break-beforeやpage-break-afterを使えば、ページ分割（改ページ）位置を指定してあげることができま...
CSSプロパティ [CSS]角丸をIE8以下でも利用できるようになるborder-radius.htcの使い方と注意点
IE8以下のバージョンで「角丸」を実現させる方法は、PIE.htc や IE-CSS3.htc などを使う方法もありますが、今回紹介させていただく border-radius.htc を使う方法もあります。 名前の通り border-rad...
CSSプロパティ [CSS]CSSで画像を透過させる際はIE6用にfilter:も併用する
リンク画像をロールオーバーさせる時など、要素を半透明にする場合はCSS の opacity プロパティを利用すれば動きます。 CSS3 からは opacity 1つで、モダンブラウザはほぼ動くようになったみたいですが、 IE6で動かない。。...
CSSプロパティ [IE]IE6〜IE8でも一部のCSS3プロパティが使えるPIE.htcの使い方と動かない時の対処法
IE下位バージョンでもCSS3のborder-radiusやbox-shadow、linear-gradientなどを利用できる便利なPIE.htc。 今回はこのPIE.htcファイルの基本的な設置方法から、動かない時の対処法まで簡単にまと...
CSSプロパティ [CSS]OpacityではなくRGBaで透過を指定することで文字の透過を防ぐ
CSSのopacityプロパティで透明度を調整できますが、「背景を透明度50%にしたい」と思ってopacityを使うと、背景だけでなくその上に載っているテキストや画像まで透明度が落ちてしまいます。(´・ω・｀) 背景だけ透明度を低くしたい場...