ブロックサンプル：音声（1/1）

音声（1/1）

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

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

sample-04269 / core/audio　基本形

sample-04270 / core/audio　src：src="https://balthasar.xsrv.jp/wp-content/uploads/2026/09/cocoon-block-samples-20260909-sample.wav"

sample-04271 / core/audio　caption：caption="短いサンプル"

sample-04272 / core/audio　caption：caption="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-04273 / core/audio　autoplay：autoplay=false

sample-04274 / core/audio　autoplay：autoplay=true

sample-04275 / core/audio　loop：loop=false

sample-04276 / core/audio　loop：loop=true

sample-04277 / core/audio　preload：preload=""

sample-04278 / core/audio　preload：preload="auto"

sample-04279 / core/audio　preload：preload="metadata"

sample-04280 / core/audio　preload：preload="none"

sample-04281 / core/audio　align：align="left"

sample-04282 / core/audio　align：align="center"

sample-04283 / core/audio　align：align="right"

sample-04284 / core/audio　align：align="wide"

sample-04285 / core/audio　align：align="full"

sample-04286 / core/audio　align：align=""

sample-04287 / core/audio　lock：lock={"move":false,"remove":false}

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

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

sample-04290 / core/audio　lock：lock={"move":true,"remove":true}

sample-04291 / core/audio　anchor：anchor="sample-anchor"

sample-04292 / core/audio　className：className="block-gallery-example"

sample-04293 / core/audio　余白の組み合わせ：style.spacing.padding={"top":"0","right":"0","bottom":"0","left":"0"} / style.spacing.margin={"top":"0","right":"0","bottom":"0","left":"0"}

sample-04294 / core/audio　余白の組み合わせ：style.spacing.padding={"top":"1em","right":"1em","bottom":"1em","left":"1em"} / style.spacing.margin={"top":"1em","right":"1em","bottom":"1em","left":"1em"}

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

sample-04296 / core/audio　extraBottomMargin：extraBottomMargin=""

sample-04297 / core/audio　extraBottomMargin：extraBottomMargin="0"

sample-04298 / core/audio　extraBottomMargin：extraBottomMargin="2"

sample-04299 / core/audio　extraBottomMargin：extraBottomMargin="10"

sample-04300 / core/audio　extraBottomMargin：extraBottomMargin="20"