ボックス

ボックスは長方形のデザイン装飾用のレイアウトコンポーネントです。

ダイアログプロパティ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
幅	文字列		240
高さ	文字列		180
X	文字列
Y	文字列
塗りつぶし	真偽	• オン • オフ	オン
色	文字列 カラーピッカー
不透明度	数値		100
線	真偽	• オン • オフ	オン
幅	数値		2
丸みサイズ	数値		0
色	文字列 カラーピッカー
不透明度	数値		100
線スタイル	選択	• 通常 • 破線 • 点線	通常
影	数値		0
表示	真偽	• オン • オフ	オン

アクションプロパティ

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
幅	width	string		240
高さ	height	string		180
X	x	string
Y	y	string
塗りつぶし	fill	boolean	true false	true
色	fillColor	string
不透明度	fillOpacity	number		100
線	border	boolean	true false	true
幅	borderWidth	number		2
丸みサイズ	roundedSize	number		0
色	borderColor	string
不透明度	borderOpacity	number		100
線スタイル	borderStyle	string	• solid • dashed • dotted	solid
影	boxShadow	number		0
表示	visibility	boolean	• true • false	true

ノート

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

イベント

なし