コードビューで、移動するルールを選択します。 選択範囲を右クリックし、コンテキストメニューから「選択範囲」>「CSS ルールを移動」を選択します。
最終更新日 :
2021年4月27日
Dreamweaver で新しいスタイルシートまたは既存のスタイルシートに CSS ルールを移動、エクスポート、または再配置します。
Dreamweaver の CSS 管理機能により、CSS ルールを異なる場所に移動またはエクスポートすることが簡単になります。ルールをドキュメント間で移動したり、ドキュメントのヘッドから外部スタイルシートに移動したり、外部 CSS ファイル間で移動したりなど、様々な操作が可能です。
メモ
移動しようとするルールが移動先のスタイルシートのルールと競合する場合、Dreamweaver は「同じ名前のルールが存在します」ダイアログボックスを表示します。競合するルールの移動を選択した場合、Dreamweaver は移動したルールを移動先スタイルシートの競合するルールのすぐ隣に配置します。
CSS ルールを新しいスタイルシートに移動または書き出し
メモ
ルールの一部を選択すると、ルール全体の位置が変更されます。
「外部スタイルシートに移動」ダイアログボックスで、新しいスタイルシートオプションを選択し、「OK」をクリックします。
「スタイルシートファイルを保存」ダイアログボックスで、新しいスタイルシートの名前を入力し、「保存」をクリックします。
「保存」をクリックすると、Dreamweaverは選択したルールを含む新しいスタイルシートを保存し、現在のドキュメントに添付します。
CSS ルールを既存のスタイルシートに移動または書き出し
コードビューで、移動するルールを選択します。 選択範囲を右クリックし、コンテキストメニューから「選択範囲」>「CSS ルールを移動」を選択します。
メモ
ルールの一部を選択すると、ルール全体の位置が変更されます。
「外部スタイルシートに移動」ダイアログボックスで、ポップアップメニューから既存のスタイルシートを選択するか、既存のスタイルシートを参照して「OK」をクリックします。
メモ
ポップアップメニューには、現在のドキュメントにリンクされているすべてのスタイルシートが表示されます。
ドラッグで CSS ルールを並び替えまたは移動
CSS Designer パネル（すべてモード）で、ルールを選択し、目的の場所にルールをドラッグします。ルールを選択してドラッグすることで、スタイルシート内でのルールの順序を変更することができます。また、別のスタイルシートはドキュメントの head にルールを移動することもできます。
メモ
複数のルールを一度に移動するには、Ctrl キー（Windows）または Command キー（Mac OS）を押しながら複数のルールをクリックして選択します。
