製品情報XMLSpyHTML 編集ツールCSS エディター

XMLSpy には、CSS2.1 と CSS3 の機能を網羅した CSS エディターが搭載されており、XML をベースにしたウェブサイトや HTML4、HTML5、そして XHTML のウェブページやウェブアプリの開発をサポートします。

インテリジェントな HTML エディターの他にも、構文による色分けや、状況に応じて最適な選択肢を表示する入力ヘルパーウィンドウ、ドロップダウンメニューや画面に表示されるヒントなどを備えた CSS 編集機能が XMLSpy には搭載されます。

CSS エディター には、行番号の表示、ソースの折り返し、ブックマークといった、XMLSpy テキストビューにて利用可能な全ての高度な機能が含まれています。

 ここをクリックして、使用できる機能に制限のない30日間トライアル版Altova XMLSpy をダウンロード！

CSS エディター入力ヘルパー

XMLSpy では CSS ドキュメントの編集中に使用できるドロップダウンメニューと、（上のスクリーンショットに示される）状況に応じて最適の編集オプションを表示する入力ヘルパーが提供されます。

CSS アウトライン入力ヘルパーウィンドウには、グループで表示されるドキュメントのセレクターに対してアウトラインが表示されます。グループは展開ならびに縮退された状態で表示することができ、CSS アウトラインにてセレクターをクリックすることで、ドキュメント内の対応する箇所がハイライトされます。

CSS プロパティ入力ヘルパーウィンドウでは、全ての CSS プロパティがアルファベット順で表示されます。項目をダブルクリックすることで、そのプロパティが CSS ファイルに挿入されます。また、自動補完機能を使ってプロパティのの挿入を行うことも可能で、CSS プロパティの名前を入力しはじめると、利用可能なプロパティがドロップダウンメニューにて表示されます。リストをスクロール表示すると、各プロパティの定義と、使用することのできる値がツールチップにて表示されます。

.

HTML 要素入力ヘルパーウィンドウには、CSS ドキュメントに挿入可能な HTML 要素のリストが表示され、ダブルクリック、または入力時に表示されるドロップダウンメニューから選択することで挿入することができます。

CSS Info ウィンドウでは、CSS にリンクされている HTML ファイル、使用されている CSS のバージョン、またはインポートされた CSS スタイルシートといった様々な 情報を閲覧ならびに編集することができます。

ウィンドウの上部にある切り替えボタンにより、CSS コードだけを閲覧している状態から、リンクされた HTML ページを CSS コードウィンドウの隣に（左右、または上下に）並べて表示することができます。この機能により、コードによる変更の結果を直ちに確認することができます。

作業中は、高度なプロジェクト管理機能により、CSS ファイルと関連する ドキュメントの管理やバッチ処理、または複数タブにより構成されるファイルの中を検索ウィンドウから、ファイルやフォルダー、またはプロジェクト全体に対して高度な検索 & 置き換え処理を行うことができます。

XMLSpy の CSS エディターにより、HTML コードや XSLT 変換タスクを行うのと同じ環境で CSS の編集作業が可能になり、ユーザーフレンドリーでインテリジェントな入力ヘルパーやオプションにより、XML をベースにしたウェブサイトや HTML5 のアプリケーションなどの作成効率が大幅に強化されます。

ご自分で CSS エディターをお試しください - 30日無料トライアル版 XMLSpy をダウンロード。