Red Hat Summit Red Hat Summitサポートコンソール開発者トライアルの開始お問い合わせ

4.4.10. XCSS ファイル形式

XCSS (クロスサイトカスケーディングスタイルシート) ファイルは RichFaces コンポーネント Skinnability のコアです。 XCSS は、 スキニングプロセスを拡張する XML 形式の CSS です。 RichFaces は、 特定コンポーネントのルックアンドフィールパラメータをすべて格納する XCSS ファイルを解析し、 ウェブブラウザが認識できる標準の CSS ファイルへ情報をコンパイルします。
XCSS ファイルには CSS プロパティとスキンパラメータのマッピングが含まれています。CSS セレクタをスキンパラメータにマップするには < u:selector > と < u:style> XML タグを使用し、次の例のとおりマッピング構造を定義します。 
...
<u:selector name=".rich-component-name">
	<u:style name="background-color" skin="additionalBackgroundColor" />
	<u:style name="border-color" skin="tableBorderColor" />
	<u:style name="border-width" skin="tableBorderWidth" />
	<u:style name="border-style" value="solid" />
</u:selector>
...
Copy to Clipboard Toggle word wrap
プロセス中、 このコードが解析され、 次のように標準の CSS 形式へアセンブルされます。 
...
.rich-component-name {
     background-color: additionalBackgroundColor; /*the value of the constant defined by your skin*/
     border-color: tableBorderColor; /*the value of the constant defined by your skin*/
     border-width: tableBorderWidth; /*the value of the constant defined by your skin*/
     border-style: solid;
}
...
Copy to Clipboard Toggle word wrap
<u:selector> の name 属性は CSS セレクタを定義します。一方で、<u:style> タグの name 属性は CSS プロパティにマップされたスキン定数を定義します。<u:style> タグの value 属性を使用して、CSS プロパティに値を割り当てることもできます。
同一のスキンプロパティを持つ CSS セレクタをコンマ区切りリストに含めるようにすることもできます。 
...
<u:selector name=".rich-ordering-control-disabled, .rich-ordering-control-top, .rich-ordering-control-bottom, .rich-ordering-control-up, .rich-ordering-control-down">
	<u:style name="border-color" skin="tableBorderColor" />
</u:selector>
...
Copy to Clipboard Toggle word wrap
トップに戻る
Red Hat logoGithubredditYoutubeTwitter

詳細情報

試用、購入および販売

コミュニティー

Red Hat ドキュメントについて

Red Hat をお使いのお客様が、信頼できるコンテンツが含まれている製品やサービスを活用することで、イノベーションを行い、目標を達成できるようにします。 最新の更新を見る.

多様性を受け入れるオープンソースの強化

Red Hat では、コード、ドキュメント、Web プロパティーにおける配慮に欠ける用語の置き換えに取り組んでいます。このような変更は、段階的に実施される予定です。詳細情報: Red Hat ブログ.

会社概要

Red Hat は、企業がコアとなるデータセンターからネットワークエッジに至るまで、各種プラットフォームや環境全体で作業を簡素化できるように、強化されたソリューションを提供しています。

Theme

© 2025 Red Hat