ブロックサンプル：カレンダー（1/2）

カレンダー（1/2）

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

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

sample-04523 / core/calendar　基本形

sample-04524 / core/calendar　month：month=1

sample-04525 / core/calendar　month：month=9

sample-04526 / core/calendar　month：month=12

sample-04527 / core/calendar　year：year=2025

sample-04528 / core/calendar　year：year=2026

sample-04529 / core/calendar　year：year=2027

sample-04530 / core/calendar　backgroundColor：backgroundColor="key-color"

sample-04531 / core/calendar　backgroundColor：backgroundColor="red"

sample-04532 / core/calendar　backgroundColor：backgroundColor="pink"

sample-04533 / core/calendar　backgroundColor：backgroundColor="purple"

sample-04534 / core/calendar　backgroundColor：backgroundColor="deep"

sample-04535 / core/calendar　backgroundColor：backgroundColor="indigo"

sample-04536 / core/calendar　backgroundColor：backgroundColor="blue"

sample-04537 / core/calendar　backgroundColor：backgroundColor="light-blue"

sample-04538 / core/calendar　backgroundColor：backgroundColor="cyan"

sample-04539 / core/calendar　backgroundColor：backgroundColor="teal"

sample-04540 / core/calendar　backgroundColor：backgroundColor="green"

sample-04541 / core/calendar　backgroundColor：backgroundColor="light-green"

sample-04542 / core/calendar　backgroundColor：backgroundColor="lime"

sample-04543 / core/calendar　backgroundColor：backgroundColor="yellow"

sample-04544 / core/calendar　backgroundColor：backgroundColor="amber"

sample-04545 / core/calendar　backgroundColor：backgroundColor="orange"

sample-04546 / core/calendar　backgroundColor：backgroundColor="deep-orange"

sample-04547 / core/calendar　backgroundColor：backgroundColor="brown"

sample-04548 / core/calendar　backgroundColor：backgroundColor="light-grey"

sample-04549 / core/calendar　backgroundColor：backgroundColor="grey"

sample-04550 / core/calendar　backgroundColor：backgroundColor="dark-grey"

sample-04551 / core/calendar　backgroundColor：backgroundColor="cocoon-black"

sample-04552 / core/calendar　backgroundColor：backgroundColor="cocoon-white"

sample-04553 / core/calendar　backgroundColor：backgroundColor="watery-blue"

sample-04554 / core/calendar　backgroundColor：backgroundColor="watery-yellow"

sample-04555 / core/calendar　backgroundColor：backgroundColor="watery-red"

sample-04556 / core/calendar　backgroundColor：backgroundColor="watery-green"

sample-04557 / core/calendar　backgroundColor：backgroundColor="ex-a"

sample-04558 / core/calendar　backgroundColor：backgroundColor="ex-b"

sample-04559 / core/calendar　backgroundColor：backgroundColor="ex-c"

sample-04560 / core/calendar　backgroundColor：backgroundColor="ex-d"

sample-04561 / core/calendar　backgroundColor：backgroundColor="ex-e"

sample-04562 / core/calendar　backgroundColor：backgroundColor="ex-f"

sample-04563 / core/calendar　textColor：textColor="key-color"

sample-04564 / core/calendar　textColor：textColor="red"

sample-04565 / core/calendar　textColor：textColor="pink"

sample-04566 / core/calendar　textColor：textColor="purple"

sample-04567 / core/calendar　textColor：textColor="deep"

sample-04568 / core/calendar　textColor：textColor="indigo"

sample-04569 / core/calendar　textColor：textColor="blue"

sample-04570 / core/calendar　textColor：textColor="light-blue"

sample-04571 / core/calendar　textColor：textColor="cyan"

sample-04572 / core/calendar　textColor：textColor="teal"

sample-04573 / core/calendar　textColor：textColor="green"

sample-04574 / core/calendar　textColor：textColor="light-green"

sample-04575 / core/calendar　textColor：textColor="lime"

sample-04576 / core/calendar　textColor：textColor="yellow"

sample-04577 / core/calendar　textColor：textColor="amber"

sample-04578 / core/calendar　textColor：textColor="orange"

sample-04579 / core/calendar　textColor：textColor="deep-orange"

sample-04580 / core/calendar　textColor：textColor="brown"

sample-04581 / core/calendar　textColor：textColor="light-grey"

sample-04582 / core/calendar　textColor：textColor="grey"

sample-04583 / core/calendar　textColor：textColor="dark-grey"

sample-04584 / core/calendar　textColor：textColor="cocoon-black"

sample-04585 / core/calendar　textColor：textColor="cocoon-white"

sample-04586 / core/calendar　textColor：textColor="watery-blue"

sample-04587 / core/calendar　textColor：textColor="watery-yellow"

sample-04588 / core/calendar　textColor：textColor="watery-red"

sample-04589 / core/calendar　textColor：textColor="watery-green"

sample-04590 / core/calendar　textColor：textColor="ex-a"

sample-04591 / core/calendar　textColor：textColor="ex-b"

sample-04592 / core/calendar　textColor：textColor="ex-c"

sample-04593 / core/calendar　textColor：textColor="ex-d"

sample-04594 / core/calendar　textColor：textColor="ex-e"

sample-04595 / core/calendar　textColor：textColor="ex-f"

sample-04596 / core/calendar　fontSize：fontSize="small"

sample-04597 / core/calendar　fontSize：fontSize="medium"

sample-04598 / core/calendar　fontSize：fontSize="large"

sample-04599 / core/calendar　fontSize：fontSize="huge"

sample-04600 / core/calendar　align：align="left"

sample-04601 / core/calendar　align：align="center"

sample-04602 / core/calendar　align：align="right"