ブロックサンプル：タームテンプレート（9/10）

タームテンプレート（9/10）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-13250 / core/term-template　余白の組み合わせ：style.spacing.padding={"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"} / style.spacing.margin={"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"} / style.spacing.blockGap="2rem"

sample-13251 / core/term-template　枠線の組み合わせ：style.border.color="#19448e" / style.border.width="1px" / style.border.style="solid" / style.border.radius="0px"

sample-13252 / core/term-template　枠線の組み合わせ：style.border.color="#fff3ce" / style.border.width="3px" / style.border.style="dashed" / style.border.radius="12px"

sample-13253 / core/term-template　枠線の組み合わせ：style.border.color="#a82d46" / style.border.width="6px" / style.border.style="dotted" / style.border.radius="36px"

sample-13254 / core/term-template　layout：layout={"type":"constrained"}

sample-13255 / core/term-template　layout：layout={"type":"flex","flexWrap":"wrap","justifyContent":"center"}

sample-13256 / core/term-template　layout：layout={"type":"flex","orientation":"vertical","justifyContent":"left"}

sample-13257 / core/term-template　layout：layout={"type":"grid","columnCount":2}

sample-13258 / core/term-template　extraBottomMargin：extraBottomMargin=""

sample-13259 / core/term-template　extraBottomMargin：extraBottomMargin="0"

sample-13260 / core/term-template　extraBottomMargin：extraBottomMargin="2"

sample-13261 / core/term-template　extraBottomMargin：extraBottomMargin="10"