マニュアルキャンセル

Dreamweaver での CSS ルールの移動

検索

最終更新日 : 2021年4月28日

注意：

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

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

注意：

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

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

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

ルールの一部を選択すると、ルール全体の位置が変更されます。
外部スタイルシートへ移動ダイアログボックスで、新しいスタイルシートオプションを選択し、「OK」をクリックします。
スタイルシートファイルの新規保存ダイアログボックスで、新しいスタイルシートの名前を入力し、「保存」をクリックします。

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

注意：

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

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

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

ルールの一部を選択すると、ルール全体の位置が変更されます。
外部スタイルシートへ移動ダイアログボックスでポップアップメニューから既存のスタイルシートを選択するか、既存のスタイルシートを参照し、「OK」をクリックします。

注意：

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

注意：

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

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

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

注意：

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