デザインタイムスタイルシートの使用
デザインタイムスタイルシートを使用すると、Dreamweaver のドキュメントを編集しているときに、CSS スタイルシートによって適用されているデザインの表示と非表示を切り替えることができます。たとえば、このオプションを使用して、ページをデザインするときに Macintosh 固有または Windows 固有のスタイルシートの効果を追加または除外できます。
デザインタイムスタイルシートは、Dreamweaver のドキュメントで作業している間のみ適用されます。ページがブラウザウィンドウに表示されるときは、ドキュメントに実際に添付されているスタイルまたは埋め込まれているスタイルのみがブラウザに表示されます。
デザイン時に CSS スタイルシートの表示と非表示を切り替えるには :
-
次のいずれかの操作を実行して [デザインタイムスタイルシート] ダイアログボックスを開きます。
- [CSS スタイル] パネル内を右クリックして、コンテキストメニューから [デザインタイム] を選択します。
- [テキスト]-[CSS スタイル]-[デザインタイム] を選択します。
-
ダイアログボックスで、選択したスタイルシートの表示と非表示を切り替えるオプションを設定します。
- デザイン時に CSS スタイルシートを表示するには、[デザイン中のみ表示] の上にある [+] ボタンをクリックし、[ファイルの選択] ダイアログボックスで、表示する CSS スタイルシートを参照します。
- デザイン時に CSS スタイルシートを非表示にするには、[デザイン中は非表示] の上にある [+] ボタンをクリックし、[ファイルの選択] ダイアログボックスで CSS スタイルシートを参照します。
- リストからスタイルシートを削除するには、削除するスタイルシートをクリックして、[-] ボタンをクリックします。
-
[OK] をクリックしてダイアログボックスを閉じます。
[CSS スタイル] パネルが更新され、選択したスタイルシートの名前と共にスタイルシートの状態を表す "非表示" または "デザイン" という文字列が表示されます。
関連トピック