ブロックサンプル：アイキャッチ画像（2/2）

アイキャッチ画像（2/2）

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

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

sample-09290 / core/post-featured-image　borderColor：borderColor="cyan"

sample-09291 / core/post-featured-image　borderColor：borderColor="teal"

sample-09292 / core/post-featured-image　borderColor：borderColor="green"

sample-09293 / core/post-featured-image　borderColor：borderColor="light-green"

sample-09294 / core/post-featured-image　borderColor：borderColor="lime"

sample-09295 / core/post-featured-image　borderColor：borderColor="yellow"

sample-09296 / core/post-featured-image　borderColor：borderColor="amber"

sample-09297 / core/post-featured-image　borderColor：borderColor="orange"

sample-09298 / core/post-featured-image　borderColor：borderColor="deep-orange"

sample-09299 / core/post-featured-image　borderColor：borderColor="brown"

sample-09300 / core/post-featured-image　borderColor：borderColor="light-grey"

sample-09301 / core/post-featured-image　borderColor：borderColor="grey"

sample-09302 / core/post-featured-image　borderColor：borderColor="dark-grey"

sample-09303 / core/post-featured-image　borderColor：borderColor="cocoon-black"

sample-09304 / core/post-featured-image　borderColor：borderColor="cocoon-white"

sample-09305 / core/post-featured-image　borderColor：borderColor="watery-blue"

sample-09306 / core/post-featured-image　borderColor：borderColor="watery-yellow"

sample-09307 / core/post-featured-image　borderColor：borderColor="watery-red"

sample-09308 / core/post-featured-image　borderColor：borderColor="watery-green"

sample-09309 / core/post-featured-image　borderColor：borderColor="ex-a"

sample-09310 / core/post-featured-image　borderColor：borderColor="ex-b"

sample-09311 / core/post-featured-image　borderColor：borderColor="ex-c"

sample-09312 / core/post-featured-image　borderColor：borderColor="ex-d"

sample-09313 / core/post-featured-image　borderColor：borderColor="ex-e"

sample-09314 / core/post-featured-image　borderColor：borderColor="ex-f"

sample-09315 / core/post-featured-image　align：align=""

sample-09316 / core/post-featured-image　align：align="left"

sample-09317 / core/post-featured-image　align：align="right"

sample-09318 / core/post-featured-image　align：align="center"

sample-09319 / core/post-featured-image　align：align="wide"

sample-09320 / core/post-featured-image　align：align="full"

sample-09321 / core/post-featured-image　lock：lock={"move":false,"remove":false}

sample-09322 / core/post-featured-image　lock：lock={"move":true,"remove":false}

sample-09323 / core/post-featured-image　lock：lock={"move":false,"remove":true}

sample-09324 / core/post-featured-image　lock：lock={"move":true,"remove":true}

sample-09325 / core/post-featured-image　anchor：anchor="sample-anchor"

sample-09326 / core/post-featured-image　className：className="block-gallery-example"

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

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

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

sample-09330 / core/post-featured-image　枠線の組み合わせ：style.border.color="#19448e" / style.border.width="1px" / style.border.radius="0px"

sample-09331 / core/post-featured-image　枠線の組み合わせ：style.border.color="#fff3ce" / style.border.width="3px" / style.border.radius="12px"

sample-09332 / core/post-featured-image　枠線の組み合わせ：style.border.color="#a82d46" / style.border.width="6px" / style.border.radius="36px"

sample-09333 / core/post-featured-image　影：style.shadow="4px 4px 12px #00000033"

sample-09334 / core/post-featured-image　影：style.shadow="0 0 0 4px #19448e33"

sample-09335 / core/post-featured-image　デュオトーン：style.color.duotone=["#19448e","#fff3ce"]

sample-09336 / core/post-featured-image　デュオトーン：style.color.duotone=["#222222","#ffffff"]

sample-09337 / core/post-featured-image　extraBottomMargin：extraBottomMargin=""

sample-09338 / core/post-featured-image　extraBottomMargin：extraBottomMargin="0"

sample-09339 / core/post-featured-image　extraBottomMargin：extraBottomMargin="2"

sample-09340 / core/post-featured-image　extraBottomMargin：extraBottomMargin="10"

sample-09341 / core/post-featured-image　extraBottomMargin：extraBottomMargin="20"