枠線を追加する

枠線を追加する

クリエイティブモードに変更

❶「ページデザイン管理」をクリックしてください。

❷更新したいデザインページの「デザインを編集」をクリックしてください。

❸「編集を開始する」をクリックしてください。

❹「シンプルモード」をクリックして、「クリエイティブモード」に変更してください。

枠線を追加する

❶枠線を追加したい箇所をクリックして選択してください。
※青枠線の箇所に枠線が追加されます。

❷「スタイル」アイコンをクリックしてください。その後に、「装飾」の項目をクリックしてください。

❸装飾の折りたたみメニューを下にスクロールしていただきまして、「Border width」の「px」の欄に数字を入力して、枠線の太さを指定してください。その後に、「Border style」から「solid」を選択してください。
※solid：一本線で表示する枠線です。

❹px数を指定していただきますと、青枠線の箇所に枠線を追加できます。
（黒の枠線を追加いたしました。）

枠線の種類

スムースでは枠線を8種類から設定できます。

①solid：一本線で表示

②dotted：点線で表示

③dashed：破線で表示

④double：二重線で表示
※Border widthを5px以上に変更することで2本線の表示になります。

⑤groove：窪んだように見える立体的な線で表示

⑥ridge：浮き上がったように見える立体的な線で表示

⑦inset：内側全体が窪んだように見える線で表示（上と左の線が暗く、下と右の線が明るく表示）

⑧outset：内側全体が浮き上がったように見える線で表示（上と左の線が明るく、下と右の線が暗く表示）

※none：枠線の表示なし

枠線の色

❶「Border color」の右にある、カラーピッカーをクリックしてください。

❷カラースライダーのバーで指定の箇所を選択してください。その後に、カラーフィールド内のボタンでカラーを選択してください。

カラーフィールド内のボタンを移動させ、赤の枠線を追加いたしました。

上記の方法の他に、Border colorの下の欄にカラーコードもしくは、RGBを指定していただく事でも枠線の色が指定できます。

例.
カラーコード：
#fff3e8
RGB：
rgb(255, 243, 232)