2.9 スタイルプロパティ

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

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

注意

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

ポイント

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

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

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

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

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

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

サイズ

名前	説明
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プロパティの値を指定できます。
letterSpacing	文字の間隔を指定します。 CSSのletter-spacingプロパティの値を指定できます。数値で指定する場合、単位を省略することはできません。
wordSpacing	単語間の間隔を指定します。 CSSのword-spacingプロパティの値を指定できます。数値で指定する場合、単位を省略することはできません。
whiteSpace	スペースの扱いを指定します。 CSSのwhite-spaceプロパティの値を指定できます。

ボーダー

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

パディング

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

マージン

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

ポジション

名前	説明
position	要素の配置方法を指定します。 CSSのpositionプロパティの値を指定できます。 Ajaxフレームワークの動作定義により、コンテナ部品内にUI部品およびHTML要素を配置したときの基準位置が変わります。詳細は「1.3.7 コンテナ部品内のレイアウト」および「ユーザーズガイド」の「2.3.2 Ajaxフレームワークの動作定義」を参照してください。
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プロパティの値を指定できます。