導入は、いたって簡単です。

1. 配布元のCSS属性フォーマット - 合同会社レゾリューションズから、ソースを入手。
2. Dreamweaverが終了している状態で、ダウンロードしたCSS_AttrFormat020.mxpをダブルクリック。
3. インストールが完了後にDreamweaverを起動し、整形したいCSSファイルを開く。
4. [ コマンド ]メニューから[ CSS属性フォーマット ]を選択。

任意の並び順に変更したい場合は、[ コマンド ]メニュー - [ CSS属性フォーマットの設定 ]を選択し、ダイアログボックス内のテキストを並べ替えれるだけ。CSSのコーディングが完了した時点で、ソースフォーマットの適用と併用すれば、後から修正を加える場合などに重宝しそうです。

なお、これまでは自分ルールでそれとなく記述順を決めていましたが、この機会にCSSプロパティの記述順序 (かたつむりくんのWWW - Walk sloWly in the Web)を参考にさせていただき、ガイドラインを設けることにしました。

web creatorsさんの連載向けサンプルコードも含め、今後制作するものは全てこのルールに準拠したいと思います。

あぁ、なんかやっとスッキリできました(笑)