Dreamweaver でのインライン CSS の CSS ルールへの変換

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

Dreamweaver でインラインスタイルを CSS ルールに変換することにより、CSS をわかりやすくする方法について説明します。

インラインスタイルは推奨されるベストプラクティスではありません。CSSをよりクリーンで整理されたものにするために、インラインスタイルをドキュメントのheadまたは外部スタイルシートに存在するCSSルールに変換することができます。

コードビュー(表示 > コード)で、変換したいインラインCSSを含むstyle属性全体を選択します。

右クリックし、選択/インライン CSS をルールに変換を選択します。

インラインCSSの変換ダイアログボックスで、新しいルールのクラス名を入力し、次のいずれかを実行します:
  • 新しいCSSルールを追加するスタイルシートを指定し、「OK」をクリックします。

  • 新しいCSSルールを追加する場所としてドキュメントのheadを選択し、「OK」をクリックします。