最終更新: 2026-04-25 ・ 2 min read
スタイルの変更
「スタイル」タブで、選択したコンポーネントの見た目を調整できます。テキスト・背景・余白・ボーダーをそれぞれ独立して設定でき、変更はリアルタイムでプレビューに反映されます。
1. テキストスタイル
- フォントサイズ — 文字の大きさ
- フォントウェイト — 太さ（細字〜太字）
- 行の高さ — 行間
- 文字色 — テキストの色
- 文字揃え — 左寄せ・中央・右寄せ
2. 背景
- 背景色 — セクションやカードの背景色
- 背景画像 — 画像URLの設定
3. 余白
- パディング — 内側の余白
- マージン — 外側の余白
ボックスモデル図で直感的に数値を調整できます。
4. 角丸・ボーダー
- 角丸（border-radius） — 角の丸み
- 枠線（border） — 線の太さ・色・スタイル
ヒント
スタイル変更はすべてリアルタイムでプレビューに反映されます。気に入らなければ Undo（Ctrl/Cmd + Z）ですぐ戻せます。
注意
小さい画面サイズでも崩れないか、プレビューのモバイル表示で確認してから公開しましょう。