Dreamweaverでルール間に空白行を入れる設定

Dreamweaver

DreamweaverでCSSをコードフォーマットした時にルール間に空白行を入れる設定方法

Dreamweaverを使っていて、CSSをコードフォーマットした時に自動でルール間に空白行を入れるようにする設定方法をメモしときます。1行空白が入ることで個人的にはとても見やすく感じます。「ソースフォーマットの適用」のアイコンをクリックするだけで全部のルール間に空白が入るので楽ですね。

[ads_center]

環境設定

上部メニューから「Dreamweaver」→「環境設定」をクリックします。Macをお使いの方は「コマンドキー + uキー」でも開くことができます。

環境設定を開く

左のカテゴリ一覧から「コードフォーマット」を選択し、「高度なフォーマット」にある「CSS」をクリックします。

高度なフォーマットのCSS

そうすると、「ルール間に空白行」という項目があるのでこれにチェックを付けます。

ルール間に空白行

これで、プレビューにあるようにルール間に空白行が挿入されます。

プレビュー

実際に使う場合は、CSSファイルを開いている状態で「ソースフォーマットの適用」をクリックすればOKです。

ソースフォーマットの適用

というわけで、DreamweaverでCSSをコードフォーマットした時にルール間に空白行を入れる設定方法でした。

関連記事

  1. Dreamweaver

    DreamweaverでPHPを編集したり作成するのが便利

    最近DreamweaverでPHPのコードを書き始めました。前はPHP…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP