Web > Expression > Web 4 > Chapter 9　コードの作業 > IntelliSense

IntelliSense のショートカット (自動ポップアップ) メニューを CSS で使用するには

Section 3 IntelliSense

IntelliSense を使用すると、カスケードスタイルシート (CSS) を作成してコンテンツにスタイルを適用するときの [コード] ビューへの入力作業を効率化することができます。

Part 2　カスケードスタイルシートでの IntelliSense の使用と設定

Webページにスタイルブロックを作成する

Webページを開き、コードビューに切り替えてCSSを作成または適用したい場所にカーソルを置きます。
CSS 用の IntelliSense ショートカットメニューを表示するには、次のいずれかの操作を行います。
- <head>と</head>の間に<style を入力します。
- インラインスタイルを適用する場合は、そのタグ内に style= と入力します。
IntelliSense のショートカットメニューで、コードに挿入するアイテムを選択するには、次のいずれかの操作を行います。
- ショートカットメニューのアイテムを 1 つずつ切り替えるには、下矢印キーまたは上矢印キーを押します。
- ショートカットメニューに表示されるアイテムのブロックごとに切り替えるには、PageDown キーまたは PageUp キーを押します。
- ショートカットメニューの特定の部分に直接移動するには、一覧にある移動先のアイテムの最初の文字を入力します。
- 一覧をスクロールするには、垂直スクロールバーの▲▼をクリックするか、スクロールバーをドラッグします。
目的のプロパティまたはアクションをダブルクリックするか、上下矢印キーで指定してTabキーまたはEnterキーを押します。
すると、値を入力するショートカットメニューが表示されるので選択します。
最後に > を入力することで、<style>の閉じタグが挿入されました。

インラインスタイルを作成する

該当するタグにカーソルを移動して、タグ内にstyle属性を入力します。
一覧からプロパティを選択して、値を入力していきます。

備考

ショートカットメニューのアイテムを挿入せずに一覧を閉じる場合は、Esc キーを押すか、ショートカットメニュー以外の場所をクリックします。

INDEX

Expression Web 4
- コードの作業
  - Section 3　IntelliSense
    - Part 1　IntelliSense の使用と設定
    - Part 2　カスケードスタイルシートでの IntelliSense の使用と設定
      - IntelliSense ショートカットメニューアイコンについて
      - IntelliSense のショートカット (自動ポップアップ) メニューを CSS で使用するには
      - IntelliSense を使用して新しいスタイルルールセットを作成するには
      - IntelliSense を使用してスタイルを適用するには
      - CSS の IntelliSense オプションの設定をするには
        CSS 用の IntelliSense オプションを設定するには
        IntelliSense 用に CSS スキーマのバージョンを設定するには
    - Part 3　IntelliSense を PHP で使用と設定
    - Part 4　jQuery 用 IntelliSense の使用

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ