ブロックサンプル：タブ（4/5）

タブ（4/5）

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

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

sample-07653 / core/tabs　fontSize：fontSize="huge"

sample-07654 / core/tabs　align：align="left"

sample-07655 / core/tabs　align：align="center"

sample-07656 / core/tabs　align：align="right"

sample-07657 / core/tabs　align：align="wide"

sample-07658 / core/tabs　align：align="full"

sample-07659 / core/tabs　align：align=""

sample-07660 / core/tabs　lock：lock={"move":false,"remove":false}

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

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

sample-07663 / core/tabs　lock：lock={"move":true,"remove":true}

sample-07664 / core/tabs　anchor：anchor="sample-anchor"

sample-07665 / core/tabs　className：className="block-gallery-example"

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

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

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

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

sample-07670 / core/tabs　背景色の自由指定：style.color.background="#e8f0fa"

sample-07671 / core/tabs　背景色の自由指定：style.color.background="#19448e"

sample-07672 / core/tabs　文字組み：fontSize：style.typography.fontSize="14px"

sample-07673 / core/tabs　文字組み：fontSize：style.typography.fontSize="24px"

sample-07674 / core/tabs　文字組み：fontSize：style.typography.fontSize="2rem"

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

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