マニュアル キャンセル

Dreamweaver での CSS ルールの移動

 

 

注意:

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

Dreamweaver の CSS 管理機能を使用すると、CSS ルールを別の場所に簡単に移動または書き出しできます。ルールの移動は、ドキュメント間、ドキュメントの head から外部スタイルシートへ、外部 CSS ファイル間などで行うことができます。

注意:

移動しようとしているルールが、移動先のスタイルシートのルールと競合する場合、Dreamweaver は同じ名前のルールが存在ダイアログボックスを表示します。競合するルールを移動することを選択した場合、Dreamweaver によって、移動したルールが移動先スタイルシートの競合するルールと隣接する位置に配置されます。

CSS ルールを新しいスタイルシートに移動または書き出し

  1. 次のいずれかの操作を実行します。
    • CSS スタイルパネルで、移動するルールを選択します。次に、選択項目を右クリックし、コンテキストメニューから「CSS ルールを移動」を選択します。複数のルールを選択するには、Ctrl キー(Windows)または Command キーを押しながらクリックしてルールを選択します。

    • コードビューで、移動するルールを選択します。次に、選択項目を右クリックし、コンテキストメニューから CSS スタイル/CSS ルールを移動を選択します。

    注意:

    ルールの一部を選択すると、ルール全体の位置が変更されます。

  2. 外部スタイルシートへ移動ダイアログボックスで、新しいスタイルシートオプションを選択し、「OK」をクリックします。
  3. スタイルシートファイルの新規保存ダイアログボックスで、新しいスタイルシートの名前を入力し、「保存」をクリックします。

    「保存」をクリックすると、Dreamweaver によって、選択したルールを使用した新しいスタイルシートが保存され、現在のドキュメントに添付されます。

    注意:

    コーディングツールバーを使用して、ルールを移動することもできます。コーディングツールバーは、コードビューでのみ利用できます。

CSS ルールを既存のスタイルシートに移動または書き出し

  1. 次のいずれかの操作を実行します。
    • CSS スタイルパネルで、移動するルールを選択します。次に、選択項目を右クリックし、コンテキストメニューから「CSS ルールを移動」を選択します。複数のルールを選択するには、Ctrl キー(Windows)または Command キーを押しながらクリックしてルールを選択します。

    • コードビューで、移動するルールを選択します。次に、選択項目を右クリックし、コンテキストメニューから CSS スタイル/CSS ルールを移動を選択します。

    注意:

    ルールの一部を選択すると、ルール全体の位置が変更されます。

  2. 外部スタイルシートへ移動ダイアログボックスでポップアップメニューから既存のスタイルシートを選択するか、既存のスタイルシートを参照し、「OK」をクリックします。
    注意:

    ポップアップメニューには、現在のドキュメントにリンクされているすべてのスタイルシートが表示されます。

    注意:

    コーディングツールバーを使用して、ルールを移動することもできます。コーディングツールバーは、コードビューでのみ利用できます。

ドラッグにより CSS ルールを再配置し、移動する

  1. CSS スタイルパネル(「すべて」モード)で、ルールを選択し、目的の場所にドラッグします。ルールを選択してドラッグすることで、スタイルシート内でのルールの順序を変更することができます。また、別のスタイルシートはドキュメントの head にルールを移動することもできます。
    注意:

    複数のルールを一度に移動するには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながら複数のルールをクリックして選択します。

移動する前に複数のルールを選択する

  1. CSS スタイルパネルで、Ctrl キーを押しながらクリック(Windows)または Command キーを押しながらクリック(Mac OS)し、複数のルールを選択します。

ヘルプをすばやく簡単に入手

新規ユーザーの場合