背景

背景の色

背景の色は、エディターページ＞外観＞背景＞背景の色を追加　から設定することができます。

背景画像はエディターページ＞外観＞背景＞背景イメージを追加　から設定することができます。

「既存の画像を選択する」からファイルを参照して画像を挿入することが出来ます。

サイズによって背景イメージの大きさを調整することが出来ます。

カスタム：背景イメージの高さ、幅を設定することが出来ます。
カバー：親エレメントに合わせてアスペクト比を保った状態で画像イメージを拡大縮小させます。親エレメントにアスペクト比が合わない場合は背景イメージの方が切り取られます。　
含む：アスペクト比を保った状態で背景イメージを親要素の範囲内で拡大縮小されます。

背景イメージの配置を上下左右で設定することが出来ます。

線形グラデーションの背景は、エディターページ＞外観＞背景＞線形グラデーションの背景を追加　から設定することができます。

線形グラデーションの色の数は初期値で2個指定されていてその境界線を結ぶ色がグラデーションとなり表現されます。

また色の数は3個まで追加することができ、削除する際は線形グラデーションのピンマークを下のカラーパレットにドラッグ&ドロップすることで削除することが出来ます。合計5個の線形グラデーションの色を設定することが出来ます。

線形グラデーションの線の数は初期値で2個指定されていてその線と線の間を結ぶ色がグラデーションとなり表現されます。

また線の数は3個まで追加することができ、削除する際は線形グラデーションのピンマークを下のカラーパレットにドラッグ&ドロップすることで削除することが出来ます。合計5個の線形グラデーションを設定することが出来ます。

サイズによって線形グラデーションの大きさを調整することが出来ます。　

カスタム：線形グラデーションの高さ、幅を設定することが出来ます。　
カバー：親エレメントに合わせてアスペクト比を保った状態で線形グラデーションを拡大縮小させます。親エレメントにアスペクト比が合わない場合は線形グラデーションの方が切り取られます。
含む：アスペクト比を保った状態で線形グラデーションを親要素の範囲内で拡大縮小されます。

線形グラデーションの配置を上下左右で設定することが出来ます。

円形グラデーションの背景は、エディターページ＞外観＞背景＞円形グラデーションの背景を追加　から設定することができます。

円形グラデーションの色の数は初期値で2個指定されていてその境界線を結ぶ色がグラデーションとなり表現されます。

また色の数は3個まで追加することができ、削除する際は円形グラデーションのピンマークを下のカラーパレットにドラッグ&ドロップすることで削除することが出来ます。合計5個の円形グラデーションの色を設定することが出来ます。

円形グラデーションの配置、範囲を設定することが出来ます。　

サイズによって円形グラデーションの大きさを調整することが出来ます。　

カスタム：円形グラデーションの高さ、幅を設定することが出来ます。　
カバー：親エレメントに合わせてアスペクト比を保った状態で円形グラデーションを拡大縮小させます。親エレメントにアスペクト比が合わない場合は円形グラデーションの方が切り取られます。
含む：アスペクト比を保った状態で円形グラデーションを親要素の範囲内で拡大縮小されます。

線形グラデーションの配置を上下左右で設定することが出来ます。

背景の繰り返しは、背景の色を追加＞背景イメージを追加＞線形グラデーションの背景を追加＞円形グラデーションの背景を追加＞リピートで設定することが出来ます。

最終更新 2 年前