ブロックサンプル：カラム（4/6）

カラム（4/6）

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

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

sample-05089 / core/columns　backgroundColor：backgroundColor="ex-c"

sample-05090 / core/columns　backgroundColor：backgroundColor="ex-d"

sample-05091 / core/columns　backgroundColor：backgroundColor="ex-e"

sample-05092 / core/columns　backgroundColor：backgroundColor="ex-f"

sample-05093 / core/columns　fontSize：fontSize="small"

sample-05094 / core/columns　fontSize：fontSize="medium"

sample-05095 / core/columns　fontSize：fontSize="large"

sample-05096 / core/columns　fontSize：fontSize="huge"

sample-05097 / core/columns　align：align=""

sample-05098 / core/columns　align：align="wide"

sample-05099 / core/columns　align：align="full"

sample-05100 / core/columns　lock：lock={"move":false,"remove":false}

sample-05101 / core/columns　lock：lock={"move":true,"remove":false}

sample-05102 / core/columns　lock：lock={"move":false,"remove":true}

sample-05103 / core/columns　lock：lock={"move":true,"remove":true}

sample-05104 / core/columns　anchor：anchor="sample-anchor"

sample-05105 / core/columns　className：className="block-gallery-example"

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

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

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

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

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

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

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