ブロックサンプル：コメント（8/10）

コメント（8/10）

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

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

sample-11238 / core/comments　className：className="block-gallery-example"

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

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

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

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

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

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

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

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

sample-11247 / core/comments　linkの色：style.elements.link.color.text="#19448e"

sample-11248 / core/comments　linkの色：style.elements.link.color.text="#fff3ce"

sample-11249 / core/comments　headingの色：style.elements.h3.color.text="#19448e"