スタイルを編集する

選択した要素の CSS のスタイルを編集します。

1. 要素を選択する

① プレビューにパターンを表示した状態で、CSS のスタイルを編集したい要素を直接クリックして選択します。

②「選択中の要素の編集」メニューの［スタイルを編集］をクリックします。

2. CSS のスタイルを編集する

① CSS のスタイルを編集します。

②［適用］ボタンをクリックします。

「スタイルを編集」パネル：共通

①［（メニューの表示を最小化）］	「選択中の要素の編集」メニューの表示を最小化します。 最小化した状態で［（メニューの表示を最大化）］ボタンをクリックすると、「選択中の要素の編集」メニューを再度表示します。
②［（メニューを閉じる）］	編集パネルを消して、要素の選択を解除します。 プレビュー領域をクリックすると、編集パネルを消して要素の選択を解除します。
③［不透明度］	選択した要素の不透明度を変更します。
④［文字］	選択した要素の文字のスタイルを編集します。
⑤［背景］	選択した要素の背景のスタイルを編集します。
⑥［サイズ］	選択した要素のサイズのスタイルを編集します。
⑦［罫線］	選択した要素の罫線のスタイルを編集します。
⑧［配置］	選択した要素の配置のスタイルを編集します。
⑨［適用］	編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。 ❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。
⑩［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。

「スタイルを編集する」パネル：［文字］タブを選択

「スタイルを編集する」パネル：［背景］タブを選択

「スタイルを編集する」パネル：［サイズ］タブを選択

［サイズ］	①［横幅］	選択中の要素のサイズの横幅を変更します。
	②［高さ］	選択中の要素のサイズの高さを変更します。
	③［サイズの比率］	（固定する）： 選択した要素のサイズの比率を維持して［横幅／高さ］を変更します。 （固定しない）： 選択した要素のサイズの比率を維持せずに［横幅／高さ］を変更します。
	④［マージン］	選択した要素の天地左右のマージンの値を変更します。
	⑤［パディング］	選択した要素の天地左右のパディングの値を変更します。

「スタイルを編集する」パネル：［罫線］タブを選択

［罫線］	①［罫線］	選択中の要素に追加する罫線のスタイルを選択します。 一本線： 点線： 破線： ２本線： ※［太さ］を3px以上に設定してください。 窪み線： ※［太さ］を2px以上に設定してください。 隆起線： ※［太さ］を2px以上に設定してください。 インセット： アウトセット：
	②［太さ］	選択中の要素に追加する罫線の太さを選択します。
	③［罫線カラー］	選択中の要素に追加する罫線のカラーを変更します。

「スタイルを編集する」パネル：［配置］タブを選択