ブロックサンプル：画像（2/2）

画像（2/2）

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

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

sample-02972 / core/image　borderColor：borderColor="ex-f"

sample-02973 / core/image　align：align=""

sample-02974 / core/image　align：align="left"

sample-02975 / core/image　align：align="center"

sample-02976 / core/image　align：align="right"

sample-02977 / core/image　align：align="wide"

sample-02978 / core/image　align：align="full"

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

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

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

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

sample-02983 / core/image　anchor：anchor="sample-anchor"

sample-02984 / core/image　className：className="block-gallery-example"

sample-02985 / core/image　外側の余白：style.spacing.margin={"top":"0","right":"0","bottom":"0","left":"0"}

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

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

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

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

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

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

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

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

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

sample-02995 / core/image　extraBottomMargin：extraBottomMargin=""

sample-02996 / core/image　extraBottomMargin：extraBottomMargin="0"

sample-02997 / core/image　extraBottomMargin：extraBottomMargin="2"

sample-02998 / core/image　extraBottomMargin：extraBottomMargin="10"

sample-02999 / core/image　extraBottomMargin：extraBottomMargin="20"

sample-03000 / core/image　スタイル：Default

sample-03001 / core/image　スタイル：Rounded

sample-03002 / core/image　スタイル：Clarendon

sample-03003 / core/image　スタイル：Gingham

sample-03004 / core/image　スタイル：Moon

sample-03005 / core/image　スタイル：Lark

sample-03006 / core/image　スタイル：Reyes

sample-03007 / core/image　スタイル：Juno

sample-03008 / core/image　スタイル：Slumber

sample-03009 / core/image　スタイル：Crema

sample-03010 / core/image　スタイル：Ludwig

sample-03011 / core/image　スタイル：Aden

sample-03012 / core/image　スタイル：Perpetua

sample-03013 / core/image　スタイル：Mono

sample-03014 / core/image　長文と装飾の組み合わせ