枠線を追加する
クリエイティブモードに変更
❶サイト編集から更新したいページをクリックして、「編集を開始する」をクリックしてください。

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

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

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

❸装飾の折りたたみメニューを下にスクロールしていただきまして、「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)
