APLのスタイル設定可能プロパティ



APLスタイル設定可能プロパティ

Stylesは、コンポーネントの状態を視覚プロパティに変換する名前付きエンティティです。スタイルはAPLドキュメントまたはパッケージで定義します。

スタイルを設定可能なプロパティ

プロパティ 型/値 説明 デフォルト
backgroundColor 背景の色です。 transparent
borderBottomLeftRadius ディメンション 左下の角丸の半径を指定します。borderRadiusよりも優先されます。 none
borderBottomRightRadius ディメンション 右下の角丸の半径を指定します。borderRadiusよりも優先されます。 none
borderColor 境界線の色です。 transparent
borderRadius ディメンション 境界線の円の半径です。 0
borderTopLeftRadius ディメンション 左上の角丸の半径を指定します。borderRadiusよりも優先されます。 none
borderTopRightRadius ディメンション 右上の角丸の半径を指定します。borderRadiusよりも優先されます。 none
borderWidth 数値 境界線の幅です。 0(境界線なし)
color テキストの色です。 transparent
fontFamily 文字列 フォントファミリーです(「Amazon Ember Display」) Amazon Ember Display
fontSize ディメンション テキストのサイズです。 20
fontStyle normal、italic 表示するフォントスタイルです。 normal
fontWeight normal、bold、100、200、300、400、500、600、700、800、900 表示するフォントの太さです。 normal
overlayColor コンテンツの上に重ねて表示する色です。 transparent
scale fillfitbest-fitbest-fit-down 画像のスケール調整方法です。  fill
textAlign autoleftrightcenter パラグラフ内でのテキストの配置です。 auto
textAlignVertical autotopbottomcenter テキストの垂直方向の配置です。デフォルトはautoです。 auto

コンポーネントへのスタイル設定可能プロパティのマッピング

スタイルを設定可能なプロパティは、次のコンポーネントで使用できます。

プロパティ 画像 Text Frame
backgroundColor
borderBottomLeftRadius
borderBottomRightRadius
borderColor
borderRadius
borderTopLeftRadius
borderTopRightRadius
borderWidth
color
fontFamily
fontSize
fontStyle
fontWeight
overlayColor
scale
textAlign
textAlignVertical