テキストの配置やデザインに編集を加える

右パネル上の[テキスト]タブで、テキストの配置やデザインに関する編集が可能です。

テキストタブで行う編集内容は以下のとおりです。

この記事では、色・フォント・サイズ・ウェイト・レイアウト設定、およびテキスト装飾について解説します。

色の設定にはカラーパレットを使用します。

設定方法の詳細は、カラーパレットで色を設定するをご覧ください。

フォントの設定方法は、以下のヘルプ記事を参照してください。

次の4種類の単位を用いて、テキストサイズを設定します。適切な単位を選択することで、レスポンシブなデザインや柔軟なレイアウトを実現できます。

画面サイズや親ボックスに依存しない固定値の単位です。画面サイズなどに影響されず、常に指定したサイズで表示されます。

HTMLのルート要素のフォントサイズを基準にする相対的な単位です。閲覧ブラウザの文字サイズ（通常16px）がremの基準値として機能します。

サイズ指定は1remを基準に倍数で行います。たとえば、デフォルト設定の16pxでは、「1rem」は16px、「2.5rem」は40pxになります。閲覧者がブラウザでフォントサイズを変更した場合、rem単位で指定された要素も自動で調整されるため、アクセシビリティが向上します。

現在、基準となる1remのサイズを指定する機能は提供していません。

ブラウザの縦幅（表示領域）を基準にした単位です。画面の高さに応じてテキストのサイズを可変させることができます。

「5vh」を設定すると、ブラウザの高さ（ビューポート）の5%のサイズでテキストが表示されます。

ブラウザの横幅（表示領域）を基準にした単位です。画面の横幅に応じてテキストのサイズを可変させることができます。レスポンシブデザインで、画面幅に合わせてテキストサイズを変更したい場合に適しています。

「5vw」と設定すると、ブラウザ（ビューポート）幅の5%のサイズでテキストが表示されます。

フォントの種類により、ウェイト（太さ）の変更が可能です。

「行高」は、テキスト１行あたりの縦幅を設定します。

「間隔」は文字の間隔を設定し、数字が大きくなると間隔が広くなります。

それぞれの単位は%です。

テキストの配置を、左端揃え、中央揃え、右端揃え、両端揃えから選択できます。

テキストを両端揃えにすると、テキストの各行が均等に空白を含むように調整され、左右の端が揃えられます。

ただし、最終行の場合は左揃えになります。

テキストの文字組み（横書き・縦書き）を変更します。

詳細は、テキストの文字組み（横書き・縦書き）を変更するをご覧ください。

テキストの影が設定できます。プリセットされたシャドウから選択したり、自由に詳細を調整することもできます。

テキストに斜体や下線の装飾ができます。

align 縦書き 横書き 文字詰め