ブロックサンプル：吹き出し（1/1）

吹き出し（1/1）

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

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

sample-00142 / cocoon-blocks/balloon-box-2　基本形

sample-00143 / cocoon-blocks/balloon-box-2　name：name="短いサンプル"

sample-00144 / cocoon-blocks/balloon-box-2　name：name="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-00145 / cocoon-blocks/balloon-box-2　icon：icon="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/man.png"

sample-00146 / cocoon-blocks/balloon-box-2　icon：icon="https://balthasar.xsrv.jp/wp-content/themes/cocoon-master/images/woman.png"

sample-00147 / cocoon-blocks/balloon-box-2　balloonStyle：balloonStyle="短いサンプル"

sample-00148 / cocoon-blocks/balloon-box-2　balloonStyle：balloonStyle="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

sample-00149 / cocoon-blocks/balloon-box-2　position：position="l"

sample-00150 / cocoon-blocks/balloon-box-2　position：position="r"

sample-00151 / cocoon-blocks/balloon-box-2　iconstyle：iconstyle="sn"

sample-00152 / cocoon-blocks/balloon-box-2　iconstyle：iconstyle="sb"

sample-00153 / cocoon-blocks/balloon-box-2　iconstyle：iconstyle="cn"

sample-00154 / cocoon-blocks/balloon-box-2　iconstyle：iconstyle="cb"

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

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

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

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

sample-00159 / cocoon-blocks/balloon-box-2　className：className="block-gallery-example"

sample-00160 / cocoon-blocks/balloon-box-2　extraBottomMargin：extraBottomMargin=""

sample-00161 / cocoon-blocks/balloon-box-2　extraBottomMargin：extraBottomMargin="0"

sample-00162 / cocoon-blocks/balloon-box-2　extraBottomMargin：extraBottomMargin="2"

sample-00163 / cocoon-blocks/balloon-box-2　extraBottomMargin：extraBottomMargin="10"

sample-00164 / cocoon-blocks/balloon-box-2　extraBottomMargin：extraBottomMargin="20"