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

グループ（1/6）

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

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

sample-05619 / core/group　基本形

sample-05620 / core/group　tagName：tagName="div"

sample-05621 / core/group　tagName：tagName="section"

グループの見出し

本文とリンクの表示例です。

詳しい内容を見る

sample-05622 / core/group　tagName：tagName="article"

グループの見出し

本文とリンクの表示例です。

詳しい内容を見る

sample-05623 / core/group　tagName：tagName="aside"

sample-05624 / core/group　templateLock：templateLock="all"

sample-05625 / core/group　templateLock：templateLock="insert"

sample-05626 / core/group　templateLock：templateLock="contentOnly"

sample-05627 / core/group　templateLock：templateLock=false

sample-05628 / core/group　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-05629 / core/group　プリセットの前景色：borderColor="red" / textColor="red"

sample-05630 / core/group　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-05631 / core/group　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-05632 / core/group　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-05633 / core/group　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-05634 / core/group　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-05635 / core/group　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-05636 / core/group　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-05637 / core/group　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-05638 / core/group　プリセットの前景色：borderColor="green" / textColor="green"

sample-05639 / core/group　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-05640 / core/group　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-05641 / core/group　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-05642 / core/group　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-05643 / core/group　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-05644 / core/group　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-05645 / core/group　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-05646 / core/group　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-05647 / core/group　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-05648 / core/group　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-05649 / core/group　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-05650 / core/group　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"