概要 #
オブジェクト:スペーススペースオブジェクトは、ページ内に余白を挿入するためのパーツです。
テキストや画像、ボタンなどの要素同士の間隔を調整することで、読みやすく整ったレイアウトを実現できます。
また、罫線機能を使えば、セクションの区切り線としても活用でき、視覚的な区分けに便利です。
高さや幅、カラー、スタイルなども柔軟に設定可能です。
スペースの説明 #
スペースオブジェクトの追加方法 #
スペースオブジェクトは、要素間に余白(スペース)を挿入するためのパーツです。以下の手順で追加できます。
- 画面左側の「オブジェクト」セクションから 「スペース」(横線のアイコン)を探します。
- 「スペース」ボタンをクリック、またはドラッグ&ドロップでキャンバス上の任意の場所に配置します。
- 配置後、右側の設定パネルで以下の内容を調整できます:
- スペースの高さ: 単位(px、%)を指定して上下の余白を設定可能
- 表示状態: PC・タブレット・スマートフォンそれぞれに表示/非表示の切替が可能
スペースを活用することで、要素同士の間隔を整え、読みやすく美しいレイアウトを実現できます。
#
スペースのメニュー説明 #
スペースオブジェクトの設定項目について #
スペースオブジェクトを選択すると、右側の設定パネルにて以下の項目を調整できます。
- 罫線
チェックをオンにすると、スペースに線が表示されます(区切り線のような使い方が可能です)。 - スタイル
罫線のデザインを選択できます。例:実線、点線、破線など。 - 高さ
スペースの縦方向のサイズを指定できます。単位は px(ピクセル)などを使用します。 - 幅
スペースの横幅を調整できます。パーセンテージ(%)や固定サイズ(px)で設定可能です。 - カラー
罫線を表示する場合の色を指定できます。カラーコード(例:#000000)で入力可能です。
これらの設定を使うことで、コンテンツ間の余白や視覚的な区切りを自由にカスタマイズできます。