CSS のコーディング支援
ReSharper のコーディング支援機能のほとんどは、CSS でもサポートされています。これらの機能の詳細については、コーディング支援の該当するトピックを参照してください。このセクションのサブジェクトでは、フィーチャマトリックスを見つけて、CSS で正確にサポートされているものを確認することもできます。
このトピックでは、CSS のコーディング支援機能の使用例をいくつか見つけることができます。
構文のハイライト
ReSharper は、セレクター、プロパティ、プロパティの値、アットルール ( @import
や @media
など)、プロパティ値として使用できる関数、疑似クラスなどをハイライトします。CSS のデフォルトの構文ハイライト:

ReSharper でサポートされているすべてのファイルタイプに共通の標準構文ハイライトに加えて、CSS ファイルの特別な機能もいくつか用意されています。どの色の値にもそれぞれの色で下線が引かれていますが、色の定義方法(色名、16 進コード、RGB コード)は関係ありません。

カラー値の上にマウスを置くと、ツールヒントが表示されます。色が CSS (CSS および HTML) 仕様で定義されている色のいずれかの場合は、アイコンの近くに色の名前が表示されます。それ以外の場合は、16 進コードと RBG コードが対応するカラー値のツールチップに表示されます。
色の定義と色を選択しますダイアログの詳細については、カラーアシスタンスを参照してください。
コード補完
ReSharper は CSS ファイルと CSS が使用できる他のファイルタイプで独自の IntelliSense を提供します。HTML 5 で導入されたものも含め、HTML タグ名の完成に役立ちます。


実際、ReSharper コード補完は、セレクタを指定するときに複数のシナリオで役立ちます。例: コロンの後に利用可能な擬似クラスのリストを提供します。

確かに、ReSharper コード補完は利用可能なプロパティを提案しています ...

... とプロパティ値:

さらに、ReSharper は class 属性の値の中でコード補完を呼び出すときに使用可能なクラスを提案しています ...

... および HTML または ASP.NET マークアップファイルの id 属性内に使用可能な ID:

コンテキストアクションの例
ReSharper は、CSS コードを対象とする一連のコンテキストアクションを提供します。これらのアクションの完全なリストは、ReSharper オプションのコード編集 | CSS | コンテキストアクションページにあります。必要に応じて、このページを使用して一部のアクションを無効にすることもできます。
現在のキャレット位置でコンテキストアクションが使用可能になるとすぐに、ReSharper は対応するアクションインジケーター をキャレットの左側に表示します。しかし時々、ReSharper は現在のキャレットポジションのために文脈上利用可能ないくつかの機能を提供します。この場合、最も優先度の高いアクションに対応するアクションインジケータが表示され、その他のすべてのアクションは、アクションインジケータをクリックするか、Alt+Enter を押してアクションリストを展開したときにのみ表示されます。コンテキストアクションは最も優先順位が低いため、アクションリストの一番下に表示されることがよくあります。
CSS のコンテキストアクションの例を次に示します。
色を定義または変更するには、次のコンテキストアクションを適用します。色を選択しますダイアログが表示され、必要な色を選択できます。

クイックドキュメント
テキストエディターまたはファイル構造ウィンドウからクイックドキュメントを呼び出すことができます。
CSS 要素の簡単なドキュメントを見る
CSS ファイルまたはマークアップファイル内のプロパティ、関数、疑似要素、疑似クラス、メディア機能にキャレットを置きます。
Control+Q を押すか、メインメニューから クイックドキュメントポップアップには、対応する要素の要約情報が表示されます。
を選択します。
追加情報が必要な場合は、詳細を読むをクリックして仕様に直接移動します。
コードを再配置
CSS ファイルではコードの再配置機能がサポートされているため、CSS コードの要素と論理ブロックをすばやく再配置できます。
関連ページ:

コーディング支援
ReSharper はさまざまなコーディング支援機能を提供します。これにより、コードの記述と編集がはるかに高速になり、生産性が向上し、時間を節約できます。ReSharper のコーディング支援機能のほとんどは、C# と Visual Basic で利用できます。一部は複数の言語で利用でき、その他は言語固有です。以下の表は、すべてのコーディング支援機能と、それらがサポートされている言語 / テクノロジを示しています。このセクション内のトピックに示されている手順と例では、C# のコーディング支援機能...

カラーアシスタンス
ReSharper には、コード内のカラー定義を扱うのに役立つ一連の機能が用意されています。色がどのように定義されているかに関係なく、エディター内のすべての色の値には、対応する色のアイコンがあります。カラーアイコンの上にマウスを置くと、他の形式でカラー値を確認できます。色は補完リストでも視覚化されています。ハイライトされている色の定義が表示されている場合は、専用のビジュアルエディターを使用して色の定義を変更できます。色の定義を変更するキャレットをハイライトされた色の定義に置きます。を押し、アクシ...

コンテキストアクション
コンテキストアクションは、エディターで直接利用できるコード変換ヘルパーです。クイックフィックスとは対照的に、コンテキストアクションは問題の解決やコードの改善を目的としているためはなく、アクセス修飾子の変更、null をチェックするコードの生成、'foreach' の 'for' への変換などの小さな変更をすばやく導入できます。ReSharper は、サポートされているすべての言語で数百のコンテキストアクションを提供します。完全なリストは、ReSharper オプション Alt+R, O のページとコ...

コードインスペクションと CSS のクイックフィックス
ReSharper のコード解析の主な機能は、CSS でもサポートされています。これらの機能の詳細については、コード解析の該当するトピックを参照してください。このセクションのメイントピックでは、フィーチャマトリックスを見つけて、CSS で正確にサポートされているものを確認することもできます。このトピックでは、CSS のコード解析機能の使用例をいくつか見ていきます。コードインスペクション:ReSharper の静的コード解析では、CSS コードの 150 以上の異なるエラーと問題を検出できます。...

CSS のコードスタイルアシスタンス
ReSharper は CSS で以下のコードスタイルアシスタント機能を提供します。コードフォーマットルールの管理と適用:コードスタイルの重要な側面は、コードのフォーマット方法、つまり、空白、タブ、改行を使用してコード要素を配置する方法、インデントにタブを使用するかどうかと方法、長い行を折り返すかどうかと方法などです。オン。ReSharper コードフォーマットルールの広範なセットには、デフォルトの Visual Studio フォーマットオプションと多数のベストプラクティスを考慮したデフォル...