カスタマイズ › Web インターフェースのカスタマイズ › Web スクリーン ペインタ （WSP） › スタイルシートの編集

スタイルシートの編集

WSP を使用して CSS （カスケード スタイルシート）ファイルを編集または作成できます。

スタイルシートを編集する方法

1. ［ファイル］-［開く］を選択します。

   ［ファイルを開く］ダイアログ ボックスが表示されます。

2. ［インターフェースまたはファイル タイプ］ドロップダウン リストから［CSSスタイルシート］を選択します。

   スタイルシートのリストが表示されます。

スタイルシートを作成する方法

1. ［ファイル］-［新規］を選択します。

   ［フォームの新規作成］ダイアログ ボックスが表示されます。

2. ［インターフェースまたはファイル タイプ］ドロップダウン リストから［CSSスタイルシート］を選択し、［新規作成］をクリックします。

   どちらの場合も、スタイルシートのソース ビューが表示されます。 ソース ビューで直接編集することも、［ツール］-［スタイル デザイナ］を選択してスタイル デザイナを表示することもできます。

スタイル デザイナの上部のセクションでは、スタイルシート内のクラスを選択できます。 編集するクラスは、スタイル デザイナの左上にある［スタイル クラス］ドロップダウン リストから選択できます。 ［追加］、［名前の変更］、［削除］の各ボタンを使用して、クラスの作成、既存クラスの名前の変更、既存クラスの削除を行うことができます。

スタイル デザイナには3つのタブがあります。 ［フォントと色］タブでは、スタイル クラスによってフォーマットされるテキストの属性を選択して、テキストをプレビューできます。 このタブの下にある［フォントのプレビュー］セクションで、実際に表示されるスタイルを確認できます。

［位置］タブでは配置を設定し、［その他］タブでは表示、表示形式、オーバーフロー、カーソルの属性を設定します。 ただし、余白や枠線などのように、スタイル デザイナでは表示も編集もできないスタイル属性も多数あります。 これらの属性は、ソース ビューで編集する必要があります。

スタイル デザイナで［OK］をクリックすると、WSP はスタイルシートを再フォーマットして、ソース ビューを更新します。 引き続きソース ビューで編集することも、スタイル シートをもう一度開いて編集することもできます。

注： パフォーマンス上の理由により、CA SDM スタイルシートは、2 つの形式で配布されます。つまり、個々のファイル（search_filter.css など）と、個々のファイルからコメントや余分な空白を取り除いて 1 つにまとめた組み合わせファイル（analyst_styles.css など）です。 WSP では常に個々のファイルを編集します。組み合わせファイルを直接編集することはできません。 スタイルシートの変更を発行すると、必要に応じて、関連付けられた組み合わせファイルが自動作成されます。