Home   Single Page

styleコンポーネント

styleコンポーネントはCSSスタイルをZUMLページの中で指定します。最も簡単なフォーマットは以下のようです。

<style>
.blue {
color: white; background-color: blue;
}
</style>
<button label="OK" sclass="blue"/>

【ヒント】: スタイルシートを全アプリケーションに設定するのに、zk.zmlの中でtheme-uriを 指定します。
より詳しくは国際化の章の Themes セクションか、the Developer’s ReferenceのAppendix Bを参照してください。
言語にスタイルシートを設定するのに、language addonを使用します。Component Development Guideを参照してください。

ときには、my.cssといった独立するファイルの中でCSS定義を保存する方が便利です。そして、以下のようにstyleコンポーネントを使うことで、それを参照することができます。

<style src="/my.css"/>

上のステートメントは実際に、以下のHTMLタグ[47]をブラウザに送信するので、指定されたファイルはブラウザからアクセス可能でなければなりません。

<link rel="stylesheet" href="/css/mystyles.css"/>

つまり、/WEB-INF/xx C:/xx/yyは指定できません。

他のURLのように、ブラウザとロケール依存ののスタイルシートを読み込むために "*" を受け取ります。より詳しくは国際化の章のブラウザとロケール依存 URIセクションを参照してください。



[47] ウェブアプリケーションの設定によって、実際の結果が変わります。