CSSでもJavascriptでも、Internet Explorerにのみ適用させたいとうい時がしばしばあります。
そんな時のために、Internet Explorerだけに適用させる条件指定方法の紹介。
今回は、CSSを例に紹介していきます。

すべてのバージョンのIEに適用させる。

<!--&#91;if IE&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

プログラミングではお馴染みのif文のようなものです。

IEには適用しない。

<!--&#91;if !IE&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

IEの前に「!」が付くと、IE以外のものに適用させます。
裏を返すと、IEには適用しないということになります。

バージョン別に適用

「IE」のあとにバージョンナンバーを記述することで、バージョン別に適用させることができます。

IE8のみ

<!--&#91;if IE 8.0&#93;>
     <link rel="stylesheet" type="text/css" href="style.css">
<!&#91;endif&#93;-->

IE5.5のみ

<!--&#91;if IE 5.5&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

以下のバージョンに適用

IE7以下のバージョンに適用させる場合

<!--&#91;if lt IE 8.0&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

「lt」は less than を意味します。
なので、IE8未満の時に適用。

<!--&#91;if lte IE 7.0&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

「lte」は less than equal を意味します。
なので、IE7以下の場合に適用。

以上のバージョンに適用

IE7以上のバージョンに適用させる場合

<!--&#91;if gt IE 6.0&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

「gt」は greater than を意味します。
なので、IE6よりも新しいバージョンの時に適用。

<!--&#91;if gte IE 7.0&#93;>
     <link rel="stylesheet" type="text/css" href="style.css" />
<!&#91;endif&#93;-->

「gte」は greater than equal を意味します。
なので、IE7以上の時に適用。

Bookmark & Share

2 Responses to “Internet Explorerだけに適用させる条件指定の方法”

  1. you2u より:

    Internet Explorerだけに適用させる条件指定の方法 – http://t.co/CP9y1qvL

  2. nigredotubuyaki より:

    Internet Explorerだけに適用させる条件指定の方法 http://t.co/bfbmMFf2 @you2uさんから

Leave a Reply

  • Categories