ボックスへの枠線設定

ボックスに枠線を設定し、色や種類をカスタマイズできます。枠線を追加することで、コンテンツの区切りを明確にしたり、デザインにアクセントを加えることができます。

注意：枠線には、グラデーションカラーを設定することができません。

枠線スタイルの種類

四辺で同じ太さを設定するか、上下左右で個別に太さを指定できます。

パネル上の[スタイル]にカーソルをあてると下記いずれかのスタイルが選択できます。

次の方法で色を選択できます。

RGBAの数値やHEXコードで色を指定できます。入力方法はメニュー右横のボタンにて切り替えが可能です。

Tips：RGBA・HEXとは？

RGBA

RGBAは赤（R）、緑（G）、青（B）、透明度（A）の4つの値で色を表現する方式です。各値は0から255の範囲で指定します。透明度は0（完全な透明）から1（完全な不透明）の範囲で設定できます。

HEX

HEXコードは16進数で色を表現する方式です。例えば、白色は#FFFFFF、黒色は#000000と表現します。

メニュー中央部左側のボタンをクリックすると、単色・グラデーションのサンプル色が選択できます。選択後も色の微調整が可能です。

デフォルトカラー内にMy Colorが格納されています。プロジェクト内でよく使う色は、My Colorとして登録・使用できます。

注意：2025年3月13日よりマイカラーへの色の新規登録機能を停止し、2025年4月下旬を目処にMy Color機能自体の提供を終了します。今後はカラースタイル機能をご利用ください。

画面上のあらゆる色を抽出して使用できます。アイコンをクリックし、抽出したい色をクリックすると色の情報が取得できます。

ボックスの色を透明（塗りなし）にしたい場合に使用できます。

エディタ上で繰り返し使用する色を「カラースタイル」へ登録し管理することができます。

ページに要素を追加するたびにカラーコードなどで色を設定する必要がなく、登録済みの色を適用するだけで効率良く色の設定・管理が可能です。

詳しい設定方法は、カラースタイルの設定方法をご覧ください。