タイポグラフィー

タイポグラフィーは文字列を表示するコンポーネントです。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	幅	文字列	222	width	string	222	コンポーネントの幅
3	高さ	文字列	40	height	string	40	コンポーネントの高さ
4	X	文字列		x	string		X座標位置
5	Y	文字列		y	string		Y座標位置
6	位置固定	真偽	OFF	lock	boolean	false	ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ
7	色	文字列 カラーピッカー		color	string		文字の色
8	フォントサイズ	数値	16	fontSize	number	16	フォントのサイズ
9	水平位置	選択 1.左 2.中央 3.右	左	horizontalAlignment	string	left	水平方向の配置
10	垂直位置	選択 1.上 2.中央 3.下	上	verticalAlignment	string	top	垂直方向の配置
11	太字	真偽	OFF	bold	boolean	false	太字の設定
12	下線	真偽	OFF	underline	boolean	false	下線の設定
13	イタリック	真偽	OFF	italic	boolean	false	イタリック体の設定
14	訂正線	真偽	OFF	strikethrough	boolean	false	訂正線の設定
15	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
16	値	文字列		value	string		表示するテキスト

ノート

• [幅]、[高さ]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • 数値%
  • calc()関数
• [X] 、[Y]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみを指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • calc()関数
• calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
  calc()関数で使用できる単位は「%」と「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
• calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
  プレビューを用いてご確認ください。

イベント

なし