|
プロパティ
|
オプション
|
設定手順
|
|
レイアウト(幅、高さ)
|
幅:フィル、px、%、自動
高さ:自動、px、%、フィル
|
コンポーネントのサイズを定義するには、幅と高さの値を選択します。
pxまたは%を選択した場合は、対応する数値を入力します。
|
|
背景
|
色:
画像:
|
標準オプションから色を選択するか、カラーピッカーまたは16進コードを使用してカスタム色を定義します。背景に画像を使用するには、クリックしてストック画像から選択するか、独自の画像をアップロードします。
|
|
角丸
|
0px、6px、12px、16px、24px、円形
|
角の丸みを調整するには角丸の値を選択します。端を完全に丸くするには円形を選択します。
|
|
枠線
|
太さ:1~5
色:
• 標準色
• カスタム(カラーピッカー、16進コード)
|
枠線の太さ(1~5)を選択します。次に、標準オプションから色を選択するか、カラーピッカーまたは16進コードを使用してカスタム色を定義します。
|
|
影
|
エレベーション1~5
|
影の深さを設定するには、エレベーションレベル(1~5)を選択します。
|
|
不透明度
|
0%~100%
|
透明度を調整するには、不透明度の値を変更します。
|
|
プロパティ
|
対象コンポーネント
|
オプション
|
設定手順
|
|
フォントファミリー
|
テキスト
|
Lato、Barlow、Comfortaa、Montserrat、Nunito、Open Sans、Poppins、Quicksand、Raleway、Rubik、Source Sans Pro
|
テキストのフォントファミリーを選択します。
|
| フォントの太さ |
テキスト
|
細字、標準、セミボールド、太字、極太
|
テキストの強調度を定義するには、フォントの太さを選択します。
|
|
フォントサイズ
|
テキスト
|
8~72
|
対応範囲内でフォントサイズを入力または選択します。
|
|
テキストの色
|
テキスト
|
標準色、カスタム(カラーピッカー、16進コード)
|
標準オプションから色を選択するか、カスタム色を定義します。
|
|
テキストの配置
|
テキスト
|
左、中央、右
|
テキストの水平方向の配置を選択します。
|
|
垂直方向の配置
|
テキスト
|
上、中央、下
|
コンポーネント内での垂直方向の配置を選択します。
|
|
パディング
|
すべてのコンポーネント
|
px
|
内側の余白を調整するには、単位を選択して値を入力します。
|
|
画像ソース
|
画像
|
ストック画像(Zoho)、画像をアップロード
|
クリックしてストック画像から画像を選択するか、独自の画像をアップロードします。 |
|
画像の表示方法
|
画像
|
合わせる、塗りつぶし、引き伸ばし
|
コンポーネント内での画像の表示方法を選択します。
|
|
画像の位置
|
画像
|
左上、上、右上、左、中央、右、左下、下、右下
|
画像を配置する位置を選択します。
|
|
アイコン
|
アイコン
|
アイコンギャラリー
|
アイコンギャラリーを開き、使用可能なアイコンの一覧からアイコンを選択します。
|