CSS3

スポンサーリンク
CSSプロパティ

[CSS]pointer-eventsで<a>タグのリンクを無効化する方法

<a>タグをクリックして何も起きないようにするということをしようと思います。 一番簡単な方法は、CSS3のpointer-eventsを利用することですが、CSS3なのでIEでの動きは微妙です…。 スマフォサイトなら気にせずに使えるのかなと...
CSSプロパティ

[IE]PIE.htcを利用したIE8以下向けの表示サンプル

IE6、IE7、IE8でも一部の CSS3のプロパティが使える「PIE.htc」の記事でも紹介させていただいたPIE.htcファイルですが、実際にIE6、IE7、IE8でPIE.htcを使った場合の見え方はどのようになるのか について、サン...
CSSプロパティ

[CSS]角丸をIE8以下でも利用できるようになるborder-radius.htcの使い方と注意点

IE8以下のバージョンで「角丸」を実現させる方法は、PIE.htc や IE-CSS3.htc などを使う方法もありますが、今回紹介させていただく border-radius.htc を使う方法もあります。 名前の通り border-rad...
CSS擬似要素・擬似クラス

[CSS]CSSで円形、三角形、台形、星形 などを表現する方法のまとめ

CSS3のborder-radiusやtransformなどを利用して、CSSだけで円形、三角形、台形、星形などのオブジェクトを表現する方法のまとめです。 円形 三角形 台形 星形 #star-five {margin: 50px 0;po...
jQueryプラグイン・ライブラリ

[JS]HTML5でマークアップする際にhtml5shivでIE下位バージョンにも対応させる

HTML5でマークアップをする場合、IE下位バージョン(8以下)がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5のタグを使えるようにするためのjavascript html5shiv.jsを使う機会も多いと...
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を使うと、背景だけでなくその上に載っているテキストや画像まで透明度が落ちてしまいます。(´・ω・`) 背景だけ透明度を低くしたい場...
CSS

[CSS]text-shadowで文字を縁取りする方法

CSSのtext-shadowプロパティを活用することで、文字に縁取り効果を加えることができます。 縁取りは、テキストをより際立たせるためのデザイン要素として使用され、特に視認性を向上させたい場合に役立ちます。 この記事では、text-sh...
スポンサーリンク