Ajaxフレームワーク UI部品リファレンス

2.7 スタイルプロパティ

画面部品で共通のスタイルプロパティを、以下に示します。
スタイルプロパティの指定方法については、“スタイルの設定”を参照してください。

なお、省略した場合はブラウザの標準の値となります。

スタイルプロパティに不正な値が設定された場合、無視されます。

部品全体に対するスタイルプロパティ名について

部品全体に対するスタイルプロパティに付けられる名前の例を、以下に示します。

• color:色指定
• backgroundColor:背景色指定
• fontSize:フォントサイズ指定

部品の特定のパーツに対するスタイルプロパティ名について

画面部品の特定のパーツに付けられるスタイルプロパティの名前には、その部品を表すプレフィックスが以下のように付加されます。

[プレフィックス][最初が大文字のプロパティ名]

タイトル部分のプレフィックスが“title”の場合の例を、以下に示します。

• titleColor:タイトル部分の色指定
• titleBackgroundColor:タイトル部分の背景色指定
• titleFontSize:タイトル部分のフォントサイズ指定

■サイズ

名前	説明
width	部品の幅を指定します。 CSSのwidthプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
height	部品の高さを指定します。 CSSのheightプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。

■カラー

名前	説明
color	文字の色を指定します。 CSSのcolorプロパティの値を指定できます。
backgroundColor	背景色を指定します。 CSSのbackground-colorプロパティの値を指定できます。

■フォント

名前	説明
fontFamily	文字の表示フォントを指定します。 CSSのfont-familyプロパティの値を指定できます。
fontSize	文字サイズを指定します。 CSSのfont-sizeプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
fontStyle	文字のイタリック表示を指定します。 CSSのfont-styleプロパティの値を指定できます。
fontWeight	文字のウェイトを指定します。 CSSのfont-weightプロパティの値を指定できます。
lineHeight	行間を指定します。 CSSのline-heightプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。

■テキスト

名前	説明
textIndent	字下げ幅を指定します。 CSSのtext-indentプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
textAlign	テキストの行揃えを指定します。 CSSのtext-alignプロパティの値を指定できます。
textDecoration	文字装飾を指定します。 CSSのtext-decorationプロパティの値を指定できます。 Internet Explorerでは無効です。
letterSpacing (注)	文字の間隔を指定します。 CSSのletter-spacingプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
wordSpacing	単語間の間隔を指定します。 CSSのword-spacingプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
whiteSpace	スペースの扱いを指定します。 CSSのwhite-spaceプロパティの値を指定できます。 Internet Explorerでは無効です。

注)
フォーム部品において、width を設定しないでletter-spacingスタイルを変更した場合、Firefoxでは、スタイルの変更に伴って部品の幅も変更されます。

■ボーダー

名前	説明
borderWidth	枠線の太さを指定します。 CSSのborder-widthプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
borderStyle	枠線の種類を指定します。 CSSのborder-styleプロパティの値を指定できます。
borderColor	枠線の色を指定します。 CSSのborder-colorプロパティの値を指定できます。

■パディング

名前	説明
padding	パディングを指定します。 CSSのpaddingプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。

■マージン

名前	説明
margin	マージンを指定します。 CSSのmarginプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。

■ポジション

名前	説明
position	要素の配置方法を指定します。 CSSのpositionプロパティの値を指定できます。
top	要素の上からの位置を指定します。 CSSのtopプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
right	要素の右からの位置を指定します。 CSSのrightプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
bottom	要素の下からの位置を指定します。 CSSのbottomプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。
left	要素の左からの位置を指定します。 CSSのleftプロパティの値を指定できます。 数値で指定する場合、単位を省略することはできません。

■オーバーフロー

名前	説明
overflow	領域からあふれた場合の動作を指定します。 CSSのoverflowプロパティの値を指定できます。

■セル

名前	説明
textAlign	テキストの行揃えを指定します。 CSSのtext-alignプロパティの値を指定できます。
verticalAlign	セル内の上下の表示位置を指定します。 CSSのvertical-alignプロパティの値を指定できます。
whiteSpace	スペースの扱いを指定します。 CSSのwhite-spaceプロパティの値を指定できます。