【Diver入力補助】「区切り線」で作れるデザイン

2019年9月3日 2019年9月3日

このページでは、Diverの入力補助機能の１つ「区切り線」で作れるデザインを紹介します。

「Diver」の導入を考えている方、「Diver」を使っているけど「区切り線」の使い方がイマイチわからないという方は参考にしてみてください。

区切り線のデザインは全部で３種類

Diverでは区切り線の機能として、「一本線」、「点線」、「二重線」の３種類のデザインが用意されています。

以下は、Diverの機能で作った、囲い枠のサンプルです。

一本線サンプル

点線サンプル

二重線サンプル

線の色は８色用意されていますが、気に入らなければ自由に色を設定することができます。

また、線の太さ（サイズ）も自由に変えることができます。

点線（10px）

二重線（８px）

囲い線の作り方は、非常にシンプルで「入力補助」の「区切り線」画面で、線の太さ、色、スタイルを選ぶだけです。