ブロックサンプル：タイムライン（4/4）

タイムライン（4/4）

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

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

sample-01304 / cocoon-blocks/timeline　textColorValue：textColorValue="#a82d46"

sample-01305 / cocoon-blocks/timeline　borderColorValue：borderColorValue="#19448e"

sample-01306 / cocoon-blocks/timeline　borderColorValue：borderColorValue="#fff3ce"

sample-01307 / cocoon-blocks/timeline　borderColorValue：borderColorValue="#a82d46"

sample-01308 / cocoon-blocks/timeline　pointColorValue：pointColorValue="#19448e"

sample-01309 / cocoon-blocks/timeline　pointColorValue：pointColorValue="#fff3ce"

sample-01310 / cocoon-blocks/timeline　pointColorValue：pointColorValue="#a82d46"

sample-01311 / cocoon-blocks/timeline　lock：lock={"move":false,"remove":false}

sample-01312 / cocoon-blocks/timeline　lock：lock={"move":true,"remove":false}

sample-01313 / cocoon-blocks/timeline　lock：lock={"move":false,"remove":true}

sample-01314 / cocoon-blocks/timeline　lock：lock={"move":true,"remove":true}

sample-01315 / cocoon-blocks/timeline　anchor：anchor="sample-anchor"

sample-01316 / cocoon-blocks/timeline　className：className="block-gallery-example"

sample-01317 / cocoon-blocks/timeline　文字色の自由指定：style.color.text="#19448e"

sample-01318 / cocoon-blocks/timeline　文字色の自由指定：style.color.text="#fff3ce"

sample-01319 / cocoon-blocks/timeline　文字色の自由指定：style.color.text="#a82d46"

sample-01320 / cocoon-blocks/timeline　背景色の自由指定：style.color.background="#fff3ce"

sample-01321 / cocoon-blocks/timeline　背景色の自由指定：style.color.background="#e8f0fa"

sample-01322 / cocoon-blocks/timeline　背景色の自由指定：style.color.background="#19448e"

sample-01323 / cocoon-blocks/timeline　extraBottomMargin：extraBottomMargin=""

sample-01324 / cocoon-blocks/timeline　extraBottomMargin：extraBottomMargin="0"

sample-01325 / cocoon-blocks/timeline　extraBottomMargin：extraBottomMargin="2"

sample-01326 / cocoon-blocks/timeline　extraBottomMargin：extraBottomMargin="10"

sample-01327 / cocoon-blocks/timeline　extraBottomMargin：extraBottomMargin="20"

sample-01328 / cocoon-blocks/timeline　組み合わせ：濃い背景と白い文字

sample-01329 / cocoon-blocks/timeline　長文と装飾の組み合わせ