Modernizr・・・ブラウザの機能の実装状況を調査

導入方法

ModernizrからDevelopmentバージョンをダウンロードして、適切なディレクトリに格納してください。
そして、headタグ内でファイルを読み込みます。

ダウンロードページで必要な機能を構成したスクリプトをダウンロードすることも可能です。
実際に公開するページでは、ファイルの軽量化を鑑みて、必要な機能だけを組み合わせるようにしましょう。
（ver.3をリリースするにあたって、Modernizrのwebサイトのデザインが変わったようですが、基本的な使い方は変わっていないようなので問題ないと思います。）

• modernizr-x.x.x.js・・・Developmentバージョン（xは整数でバージョン）
• modernizr.custom.xxxxx.js・・・ダウンロードページでカスタマイズしたもの（xは整数で何らかのコード。ファイル名は変更しても良い）

読み込むのはどちらかのファイルでよいです。

<script src="modernizr-2.5.3.js"></script>

html5を想定してのソースなので、type属性を省略しています。

サンプルの解説

<p class="test_radius">テキスト</p>

htmlソースはこの限りではありません。あくまでもサンプルのソースです。

.test_radius,
.test_noradius{
    border:solid 3px #bbf;
    border-radius:10px;
    width:100px;
    text-align:center;
    line-height:1;
    padding:44px 0;
}
.test_noradius{
    border:solid 3px #fbb;
}

目的の機能が対応している場合（class[test_radius]）とそうでない場合（class[test_noradius]）のcssを記述しておきます（border-radius未対応の場合、四角く表示されるだけなので、あえてborder-radiusを解除していません）。
もちろん、必ずcssで回避策を設定しておかなければならないわけではなく、ここではあくまでも例としてこのようにしています（class/id名もこれといって規定はありません・・・一般的な名づけルールに則ってください）。

if (Modernizr.borderradius){
   //border-radius対応の場合の処理
} else {
   //border-radius未対応の場合の処理
}

if文で対応かどうか判定します。
[Modernizr]と確認したい機能を[.]（ドット）でつなぎます。ここではModernizr.borderradiusとなります。

$(function(){
    if (Modernizr.borderradius){
         //border-radius対応の場合の処理・・・何もしない
    } else {
         //border-radius未対応の場合の処理・・・classを差し替える
         $(".board_smp p").removeClass("test_radius").addClass("test_noradius");
    }
})

ここでは、jqueryを使ってclass名を差し替える処理をしました。