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

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

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

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

sample-02453 / cocoon-blocks/micro-balloon-2　基本形

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

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

sample-02456 / cocoon-blocks/micro-balloon-2　タイプ：type="micro-top"

sample-02457 / cocoon-blocks/micro-balloon-2　タイプ：type="micro-bottom"

sample-02458 / cocoon-blocks/micro-balloon-2　isCircle：isCircle=false

sample-02459 / cocoon-blocks/micro-balloon-2　isCircle：isCircle=true

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

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

sample-02462 / cocoon-blocks/micro-balloon-2　align：align=""

sample-02463 / cocoon-blocks/micro-balloon-2　align：align="left"

sample-02464 / cocoon-blocks/micro-balloon-2　align：align="center"

sample-02465 / cocoon-blocks/micro-balloon-2　align：align="right"

sample-02466 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="key-color"

sample-02467 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="red"

sample-02468 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="pink"

sample-02469 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="purple"

sample-02470 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="deep"

sample-02471 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="indigo"

sample-02472 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="blue"

sample-02473 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="light-blue"

sample-02474 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="cyan"

sample-02475 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="teal"

sample-02476 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="green"

sample-02477 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="light-green"

sample-02478 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="lime"

sample-02479 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="yellow"

sample-02480 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="amber"

sample-02481 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="orange"

sample-02482 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="deep-orange"

sample-02483 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="brown"

sample-02484 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="light-grey"

sample-02485 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="grey"

sample-02486 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="dark-grey"

sample-02487 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="cocoon-black"

sample-02488 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="cocoon-white"

sample-02489 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="watery-blue"

sample-02490 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="watery-yellow"

sample-02491 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="watery-red"

sample-02492 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="watery-green"

sample-02493 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-a"

sample-02494 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-b"

sample-02495 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-c"

sample-02496 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-d"

sample-02497 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-e"

sample-02498 / cocoon-blocks/micro-balloon-2　backgroundColor：backgroundColor="ex-f"

sample-02499 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="key-color" / borderColor="key-color"

sample-02500 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="red" / borderColor="red"

sample-02501 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="pink" / borderColor="pink"

sample-02502 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="purple" / borderColor="purple"

sample-02503 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="deep" / borderColor="deep"

sample-02504 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="indigo" / borderColor="indigo"

sample-02505 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="blue" / borderColor="blue"

sample-02506 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="light-blue" / borderColor="light-blue"

sample-02507 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="cyan" / borderColor="cyan"

sample-02508 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="teal" / borderColor="teal"

sample-02509 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="green" / borderColor="green"

sample-02510 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="light-green" / borderColor="light-green"

sample-02511 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="lime" / borderColor="lime"

sample-02512 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="yellow" / borderColor="yellow"

sample-02513 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="amber" / borderColor="amber"

sample-02514 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="orange" / borderColor="orange"

sample-02515 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="deep-orange" / borderColor="deep-orange"

sample-02516 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="brown" / borderColor="brown"

sample-02517 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="light-grey" / borderColor="light-grey"

sample-02518 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="grey" / borderColor="grey"

sample-02519 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="dark-grey" / borderColor="dark-grey"

sample-02520 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="cocoon-black" / borderColor="cocoon-black"

sample-02521 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="cocoon-white" / borderColor="cocoon-white"

sample-02522 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="watery-blue" / borderColor="watery-blue"

sample-02523 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="watery-yellow" / borderColor="watery-yellow"

sample-02524 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="watery-red" / borderColor="watery-red"

sample-02525 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="watery-green" / borderColor="watery-green"

sample-02526 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-a" / borderColor="ex-a"

sample-02527 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-b" / borderColor="ex-b"

sample-02528 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-c" / borderColor="ex-c"

sample-02529 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-d" / borderColor="ex-d"

sample-02530 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-e" / borderColor="ex-e"

sample-02531 / cocoon-blocks/micro-balloon-2　プリセットの前景色：textColor="ex-f" / borderColor="ex-f"

sample-02532 / cocoon-blocks/micro-balloon-2　customBackgroundColor：customBackgroundColor="#19448e"