ブロックサンプル：グループ（3/6）

グループ（3/6）

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

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

sample-05683 / core/group　backgroundColor：backgroundColor="cocoon-white"

sample-05684 / core/group　backgroundColor：backgroundColor="watery-blue"

sample-05685 / core/group　backgroundColor：backgroundColor="watery-yellow"

sample-05686 / core/group　backgroundColor：backgroundColor="watery-red"

sample-05687 / core/group　backgroundColor：backgroundColor="watery-green"

sample-05688 / core/group　backgroundColor：backgroundColor="ex-a"

sample-05689 / core/group　backgroundColor：backgroundColor="ex-b"

sample-05690 / core/group　backgroundColor：backgroundColor="ex-c"

sample-05691 / core/group　backgroundColor：backgroundColor="ex-d"

sample-05692 / core/group　backgroundColor：backgroundColor="ex-e"

sample-05693 / core/group　backgroundColor：backgroundColor="ex-f"

sample-05694 / core/group　fontSize：fontSize="small"

sample-05695 / core/group　fontSize：fontSize="medium"

sample-05696 / core/group　fontSize：fontSize="large"

sample-05697 / core/group　fontSize：fontSize="huge"

sample-05698 / core/group　align：align=""

sample-05699 / core/group　align：align="wide"

sample-05700 / core/group　align：align="full"

sample-05701 / core/group　lock：lock={"move":false,"remove":false}

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

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

sample-05704 / core/group　lock：lock={"move":true,"remove":true}

sample-05705 / core/group　allowedBlocks：allowedBlocks=["core/paragraph"]

sample-05706 / core/group　allowedBlocks：allowedBlocks=["core/paragraph","core/heading"]

sample-05707 / core/group　anchor：anchor="sample-anchor"

sample-05708 / core/group　ariaLabel：ariaLabel="短いサンプル"

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

sample-05710 / core/group　className：className="block-gallery-example"

sample-05711 / core/group　文字色の自由指定：style.color.text="#19448e"

sample-05712 / core/group　文字色の自由指定：style.color.text="#fff3ce"

sample-05713 / core/group　文字色の自由指定：style.color.text="#a82d46"

sample-05714 / core/group　背景色の自由指定：style.color.background="#fff3ce"