CSS スタイルパネルからの CSS ルールの編集

検索
Adobe Dreamweaver マニュアル

目次

対象アプリケーション: Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

注意：

Dreamweaver CC 以降では、CSS スタイルパネルが CSS デザイナーに置き換えられています。詳しくは、CSS デザイナーを参照してください。

ドキュメントに適用したルールは、内部または外部ルールであるかを問わず、簡単に編集できます。

ドキュメント内のテキストを制御する CSS スタイルシートを編集すると、その CSS スタイルシートで制御されるすべてのテキストが瞬時に再フォーマットされます。外部スタイルシートでの編集は、そのスタイルシートにリンクしているすべてのドキュメントに反映されます。

スタイルシートの編集に使用する外部エディターを設定できます。

CSS スタイルパネルでのルールの編集（「現在」モード）

  1. ウィンドウ／CSS スタイルを選択し、CSS スタイルパネルを表示します。
  2. CSS スタイルパネルの上部にある「現在」ボタンをクリックします。
  3. 現在のページからテキストエレメントを選択してそのプロパティを表示します。
  4. 次のいずれかの操作を実行します。

    • 選択範囲のサマリーペインでプロパティをダブルクリックして <プロパティ名> の CSS ルール定義ダイアログボックスを表示し、変更を行います。

    • 選択範囲のサマリーペインでプロパティを選択し、下のプロパティペインでそのプロパティを編集します。

    • ルールペインでルールを選択し、下のプロパティペインでルールのプロパティを編集します。

    注意：

    Dreamweaver の環境設定を変更すると、CSS 編集時のダブルクリックのビヘイビアーと他のビヘイビアーを変更できます。

CSS スタイルパネルでのルールの編集（「すべて」モード）

  1. ウィンドウ／CSS スタイルを選択し、CSS スタイルパネルを表示します。
  2. CSS スタイルパネルの上部にある「すべて」ボタンをクリックします。
  3. 次のいずれかの操作を実行します。

    • すべてのルールペインでルールをダブルクリックして CSS ルール定義ダイアログボックスを表示し、変更を行います。

    • すべてのルールペインでルールを選択し、下のプロパティペインでルールのプロパティを編集します。

    • すべてのルールペインでルールを選択し、CSS スタイルパネルの右下隅にある「スタイルの編集」ボタンをクリックします。

    注意：

    Dreamweaver の環境設定を変更すると、CSS 編集時のダブルクリックのビヘイビアーと他のビヘイビアーを変更できます。

CSS セレクター名の変更

  1. CSS スタイルパネル（「すべて」モード）で、変更するセレクターを選択します。
  2. セレクターをもう一度クリックし、名前を編集できるようにします。
  3. 変更を行い、Enter キー（Windows）または Return キー（Mac OS）を押します。