ブロックサンプル：スペーサー（1/1）

スペーサー（1/1）

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

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

sample-07442 / core/spacer　基本形

sample-07443 / core/spacer　height：height="80px"

sample-07444 / core/spacer　height：height="160px"

sample-07445 / core/spacer　height：height="240px"

sample-07446 / core/spacer　width：width="160px"

sample-07447 / core/spacer　width：width="50%"

sample-07448 / core/spacer　width：width="100%"

sample-07449 / core/spacer　lock：lock={"move":false,"remove":false}

sample-07450 / core/spacer　lock：lock={"move":true,"remove":false}

sample-07451 / core/spacer　lock：lock={"move":false,"remove":true}

sample-07452 / core/spacer　lock：lock={"move":true,"remove":true}

sample-07453 / core/spacer　anchor：anchor="sample-anchor"

sample-07454 / core/spacer　className：className="block-gallery-example"

sample-07455 / core/spacer　外側の余白：style.spacing.margin={"top":"0","bottom":"0"}

sample-07456 / core/spacer　外側の余白：style.spacing.margin={"top":"1em","bottom":"1em"}

sample-07457 / core/spacer　外側の余白：style.spacing.margin={"top":"2rem","bottom":"2rem"}

sample-07458 / core/spacer　extraBottomMargin：extraBottomMargin=""

sample-07459 / core/spacer　extraBottomMargin：extraBottomMargin="0"

sample-07460 / core/spacer　extraBottomMargin：extraBottomMargin="2"

sample-07461 / core/spacer　extraBottomMargin：extraBottomMargin="10"

sample-07462 / core/spacer　extraBottomMargin：extraBottomMargin="20"