ブロックサンプル：マイクロバルーン（2/2）

マイクロバルーン（2/2）

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

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

sample-02533 / cocoon-blocks/micro-balloon-2　customBackgroundColor：customBackgroundColor="#fff3ce"

sample-02534 / cocoon-blocks/micro-balloon-2　customBackgroundColor：customBackgroundColor="#a82d46"

sample-02535 / cocoon-blocks/micro-balloon-2　customTextColor：customTextColor="#19448e"

sample-02536 / cocoon-blocks/micro-balloon-2　customTextColor：customTextColor="#fff3ce"

sample-02537 / cocoon-blocks/micro-balloon-2　customTextColor：customTextColor="#a82d46"

sample-02538 / cocoon-blocks/micro-balloon-2　customBorderColor：customBorderColor="#19448e"

sample-02539 / cocoon-blocks/micro-balloon-2　customBorderColor：customBorderColor="#fff3ce"

sample-02540 / cocoon-blocks/micro-balloon-2　customBorderColor：customBorderColor="#a82d46"

sample-02541 / cocoon-blocks/micro-balloon-2　fontSize：fontSize="small"

sample-02542 / cocoon-blocks/micro-balloon-2　fontSize：fontSize="medium"

sample-02543 / cocoon-blocks/micro-balloon-2　fontSize：fontSize="large"

sample-02544 / cocoon-blocks/micro-balloon-2　fontSize：fontSize="huge"

sample-02545 / cocoon-blocks/micro-balloon-2　lock：lock={"move":false,"remove":false}

sample-02546 / cocoon-blocks/micro-balloon-2　lock：lock={"move":true,"remove":false}

sample-02547 / cocoon-blocks/micro-balloon-2　lock：lock={"move":false,"remove":true}

sample-02548 / cocoon-blocks/micro-balloon-2　lock：lock={"move":true,"remove":true}

sample-02549 / cocoon-blocks/micro-balloon-2　anchor：anchor="sample-anchor"

sample-02550 / cocoon-blocks/micro-balloon-2　className：className="block-gallery-example"

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

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

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

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

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

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

sample-02557 / cocoon-blocks/micro-balloon-2　extraBottomMargin：extraBottomMargin=""

sample-02558 / cocoon-blocks/micro-balloon-2　extraBottomMargin：extraBottomMargin="0"

sample-02559 / cocoon-blocks/micro-balloon-2　extraBottomMargin：extraBottomMargin="2"

sample-02560 / cocoon-blocks/micro-balloon-2　extraBottomMargin：extraBottomMargin="10"

sample-02561 / cocoon-blocks/micro-balloon-2　extraBottomMargin：extraBottomMargin="20"

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

sample-02563 / cocoon-blocks/micro-balloon-2　長文と装飾の組み合わせ