ブロックサンプル：マイクロテキスト（2/2）

マイクロテキスト（2/2）

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

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

sample-02644 / cocoon-blocks/micro-text　customTextColor：customTextColor="#a82d46"

sample-02645 / cocoon-blocks/micro-text　fontSize：fontSize="small"

sample-02646 / cocoon-blocks/micro-text　fontSize：fontSize="medium"

sample-02647 / cocoon-blocks/micro-text　fontSize：fontSize="large"

sample-02648 / cocoon-blocks/micro-text　fontSize：fontSize="huge"

sample-02649 / cocoon-blocks/micro-text　lock：lock={"move":false,"remove":false}

sample-02650 / cocoon-blocks/micro-text　lock：lock={"move":true,"remove":false}

sample-02651 / cocoon-blocks/micro-text　lock：lock={"move":false,"remove":true}

sample-02652 / cocoon-blocks/micro-text　lock：lock={"move":true,"remove":true}

sample-02653 / cocoon-blocks/micro-text　anchor：anchor="sample-anchor"

sample-02654 / cocoon-blocks/micro-text　className：className="block-gallery-example"

sample-02655 / cocoon-blocks/micro-text　文字色の自由指定：style.color.text="#19448e"

sample-02656 / cocoon-blocks/micro-text　文字色の自由指定：style.color.text="#fff3ce"

sample-02657 / cocoon-blocks/micro-text　文字色の自由指定：style.color.text="#a82d46"

sample-02658 / cocoon-blocks/micro-text　背景色の自由指定：style.color.background="#fff3ce"

sample-02659 / cocoon-blocks/micro-text　背景色の自由指定：style.color.background="#e8f0fa"

sample-02660 / cocoon-blocks/micro-text　背景色の自由指定：style.color.background="#19448e"

sample-02661 / cocoon-blocks/micro-text　extraBottomMargin：extraBottomMargin=""

sample-02662 / cocoon-blocks/micro-text　extraBottomMargin：extraBottomMargin="0"

sample-02663 / cocoon-blocks/micro-text　extraBottomMargin：extraBottomMargin="2"

sample-02664 / cocoon-blocks/micro-text　extraBottomMargin：extraBottomMargin="10"

sample-02665 / cocoon-blocks/micro-text　extraBottomMargin：extraBottomMargin="20"

sample-02666 / cocoon-blocks/micro-text　組み合わせ：濃い背景と白い文字

sample-02667 / cocoon-blocks/micro-text　長文と装飾の組み合わせ