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

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

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

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

sample-00088 / cocoon-blocks/micro-balloon-1　基本形

sample-00089 / cocoon-blocks/micro-balloon-1　content：content="短いサンプル"

sample-00090 / cocoon-blocks/micro-balloon-1　content：content="春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"

sample-00091 / cocoon-blocks/micro-balloon-1　タイプ：balloonStyle=" micro-top"

sample-00092 / cocoon-blocks/micro-balloon-1　タイプ：balloonStyle=" micro-bottom"

sample-00093 / cocoon-blocks/micro-balloon-1　色設定：color=""

sample-00094 / cocoon-blocks/micro-balloon-1　色設定：color=" mc-yellow"

sample-00095 / cocoon-blocks/micro-balloon-1　色設定：color=" mc-red"

sample-00096 / cocoon-blocks/micro-balloon-1　色設定：color=" mc-blue"

sample-00097 / cocoon-blocks/micro-balloon-1　色設定：color=" mc-green"

sample-00098 / cocoon-blocks/micro-balloon-1　isCircle：isCircle=false

sample-00099 / cocoon-blocks/micro-balloon-1　isCircle：isCircle=true

sample-00100 / cocoon-blocks/micro-balloon-1　align：align=""

sample-00101 / cocoon-blocks/micro-balloon-1　align：align="left"

sample-00102 / cocoon-blocks/micro-balloon-1　align：align="center"

sample-00103 / cocoon-blocks/micro-balloon-1　align：align="right"

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

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

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

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

sample-00108 / cocoon-blocks/micro-balloon-1　className：className="block-gallery-example"

sample-00109 / cocoon-blocks/micro-balloon-1　extraBottomMargin：extraBottomMargin=""

sample-00110 / cocoon-blocks/micro-balloon-1　extraBottomMargin：extraBottomMargin="0"

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

sample-00112 / cocoon-blocks/micro-balloon-1　extraBottomMargin：extraBottomMargin="10"

sample-00113 / cocoon-blocks/micro-balloon-1　extraBottomMargin：extraBottomMargin="20"

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