メインコンテンツにスキップ

ボックスの外観:枠線を設定する

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

今日アップデートされました

ボックスへに枠線を設定する

  1. ボックスを選択します。 複数ボックスを選択する場合は、Shiftを押しながら複数のボックスをクリックします。

    スクリーンショット:ボックスを選択する様子。
  2. 右パネルで[ボックス]タブを選択します。

    パネルが閉じている場合は、右パネルを開いてください。

  3. [外観]メニューの[枠線]フィールドで、サンプルアイコンをクリックします。

  4. 設定パネルで、各種設定を行います。

枠線を削除する

  1. 枠線を設定したいボックスを選択します。
    複数ボックスを選択する場合は、Shiftを押しながら複数のボックスをクリックします。

  2. 右パネルで[ボックス]タブを選択します。

    パネルが閉じている場合は、右パネルを開いてください。

  3. ボックスタブ内の枠線フィールドで、サンプルアイコンをクリックします。

  4. 枠線の太さを0にすると枠線を削除できます。


枠線の編集方法

枠線に色を設定する

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

パネル上の[色]フィールドで、枠線の色指定ができます。カラーサンプルのアイコンをクリックすると、カラーパレットが開きます。

使用方法などの詳細は、カラーパレットで色を設定するを参照してください。

枠線の幅(太さ)を設定する

枠線パネル上部のサンプル、または[幅]フィールドで枠線の幅(太さ)を設定できます。

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

枠線のスタイルを設定する

パネル上の[スタイル]フィールドで、下記いずれかのスタイルが選択できます。

  • 直線

  • 波線

  • 点線

  • 二重線

こちらの回答で解決しましたか?