DreamweaverコミュのCSS編集の表示方法

こんにちは。
DreamWeaver2004を使用して、ホームページを作成している者です。

スタイルシートは殆どタグ打ちなのですが、たまに分からないところは、編集機能を使用してスタイルシートを編集しています。

編集機能を使用して、CSSを編集すると例えば、paddingを右と左を設定した場合

padding-right: 5px;
padding-left: 5px;

このように自動編集されてしまいます。

これを
padding:0 5px;

と表示してもらいたいのですが、そのように表示してもらうことは可能なのでしょうか？

コメント(3)

最初
全て
最新の40件

[1] mixiユーザー 02月28日 11:36

8では確実ですが、MX2004から確か環境設定で切り替えられるはずです。
環境設定の「CSS スタイルシート」カテゴリを開いて

１）「CSS ルールの作成時:ショートハンドを使用」の必要項目にチェックを入れる

ただ、そのままでは既に書いてしまっているCSSは直してくれないので、

２）「CSS ルールの編集時: ショートハンドの使用」で
　上記チェックボックスに合わせるを選択

として下さい。

[2] mixiユーザー 02月28日 13:25

セレクタの再編集の際、CSS設定ダイアログボックスで編集すると、「0px 5px」のように「0」になにかしら単位を入れられてしまうので気になるようでしたら、関連CSSパネルでの編集をおすすめします。こちらでしたら、例えばpaddingのところに直接「0 5px」などと入力するだけでOKです。

Dreamweaver 8ではCSSパネルと統合されていますが、Dreamweaver MX 2004でしたら、タグインスペクタパネルグループに「関連CSS」というパネルがあります。

[3] mixiユーザー 02月28日 15:36

ありがとうございました！！
無事に解決しましたー！

ログインすると、みんなのコメントがもっと見れるよ