注意:

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)を押します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー