ブロックサンプル：ターム名（2/3）

ターム名（2/3）

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

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

sample-13061 / core/term-name　backgroundColor：backgroundColor="blue"

sample-13062 / core/term-name　backgroundColor：backgroundColor="light-blue"

sample-13063 / core/term-name　backgroundColor：backgroundColor="cyan"

sample-13064 / core/term-name　backgroundColor：backgroundColor="teal"

sample-13065 / core/term-name　backgroundColor：backgroundColor="green"

sample-13066 / core/term-name　backgroundColor：backgroundColor="light-green"

sample-13067 / core/term-name　backgroundColor：backgroundColor="lime"

sample-13068 / core/term-name　backgroundColor：backgroundColor="yellow"

sample-13069 / core/term-name　backgroundColor：backgroundColor="amber"

sample-13070 / core/term-name　backgroundColor：backgroundColor="orange"

sample-13071 / core/term-name　backgroundColor：backgroundColor="deep-orange"

sample-13072 / core/term-name　backgroundColor：backgroundColor="brown"

sample-13073 / core/term-name　backgroundColor：backgroundColor="light-grey"

sample-13074 / core/term-name　backgroundColor：backgroundColor="grey"

sample-13075 / core/term-name　backgroundColor：backgroundColor="dark-grey"

sample-13076 / core/term-name　backgroundColor：backgroundColor="cocoon-black"

sample-13077 / core/term-name　backgroundColor：backgroundColor="cocoon-white"

sample-13078 / core/term-name　backgroundColor：backgroundColor="watery-blue"

sample-13079 / core/term-name　backgroundColor：backgroundColor="watery-yellow"

sample-13080 / core/term-name　backgroundColor：backgroundColor="watery-red"

sample-13081 / core/term-name　backgroundColor：backgroundColor="watery-green"

sample-13082 / core/term-name　backgroundColor：backgroundColor="ex-a"

sample-13083 / core/term-name　backgroundColor：backgroundColor="ex-b"

sample-13084 / core/term-name　backgroundColor：backgroundColor="ex-c"

sample-13085 / core/term-name　backgroundColor：backgroundColor="ex-d"

sample-13086 / core/term-name　backgroundColor：backgroundColor="ex-e"

sample-13087 / core/term-name　backgroundColor：backgroundColor="ex-f"

sample-13088 / core/term-name　fontSize：fontSize="small"

sample-13089 / core/term-name　fontSize：fontSize="medium"

sample-13090 / core/term-name　fontSize：fontSize="large"

sample-13091 / core/term-name　fontSize：fontSize="huge"

sample-13092 / core/term-name　align：align=""

sample-13093 / core/term-name　align：align="wide"

sample-13094 / core/term-name　align：align="full"

sample-13095 / core/term-name　lock：lock={"move":false,"remove":false}

sample-13096 / core/term-name　lock：lock={"move":true,"remove":false}

sample-13097 / core/term-name　lock：lock={"move":false,"remove":true}

sample-13098 / core/term-name　lock：lock={"move":true,"remove":true}

sample-13099 / core/term-name　anchor：anchor="sample-anchor"

sample-13100 / core/term-name　className：className="block-gallery-example"

sample-13101 / core/term-name　文字色の自由指定：style.color.text="#19448e"

sample-13102 / core/term-name　文字色の自由指定：style.color.text="#fff3ce"

sample-13103 / core/term-name　文字色の自由指定：style.color.text="#a82d46"

sample-13104 / core/term-name　背景色の自由指定：style.color.background="#fff3ce"

sample-13105 / core/term-name　背景色の自由指定：style.color.background="#e8f0fa"

sample-13106 / core/term-name　背景色の自由指定：style.color.background="#19448e"

sample-13107 / core/term-name　グラデーション：style.color.gradient="linear-gradient(135deg,#dcecff 0%,#fff2db 100%)"

sample-13108 / core/term-name　グラデーション：style.color.gradient="linear-gradient(90deg,#19448e 0%,#9b2d64 100%)"

sample-13109 / core/term-name　linkの色：style.elements.link.color.text="#19448e"