ブロックサンプル：詳細（1/2）

詳細（1/2）

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

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

sample-05325 / core/details　基本形

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05326 / core/details　showContent：showContent=false

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05327 / core/details　showContent：showContent=true

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05328 / core/details　summary：summary="短いサンプル"

短いサンプル

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05329 / core/details　summary：summary="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

長いサンプルの文章で折り返し方と余白の見え方を確認します。

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05330 / core/details　name：name="短いサンプル"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05331 / core/details　name：name="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05332 / core/details　placeholder：placeholder="短いサンプル"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05333 / core/details　placeholder：placeholder="長いサンプルの文章で折り返し方と余白の見え方を確認します。"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05334 / core/details　プリセットの前景色：borderColor="key-color" / textColor="key-color"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05335 / core/details　プリセットの前景色：borderColor="red" / textColor="red"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05336 / core/details　プリセットの前景色：borderColor="pink" / textColor="pink"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05337 / core/details　プリセットの前景色：borderColor="purple" / textColor="purple"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05338 / core/details　プリセットの前景色：borderColor="deep" / textColor="deep"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05339 / core/details　プリセットの前景色：borderColor="indigo" / textColor="indigo"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05340 / core/details　プリセットの前景色：borderColor="blue" / textColor="blue"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05341 / core/details　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05342 / core/details　プリセットの前景色：borderColor="cyan" / textColor="cyan"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05343 / core/details　プリセットの前景色：borderColor="teal" / textColor="teal"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05344 / core/details　プリセットの前景色：borderColor="green" / textColor="green"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05345 / core/details　プリセットの前景色：borderColor="light-green" / textColor="light-green"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05346 / core/details　プリセットの前景色：borderColor="lime" / textColor="lime"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05347 / core/details　プリセットの前景色：borderColor="yellow" / textColor="yellow"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05348 / core/details　プリセットの前景色：borderColor="amber" / textColor="amber"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05349 / core/details　プリセットの前景色：borderColor="orange" / textColor="orange"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05350 / core/details　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05351 / core/details　プリセットの前景色：borderColor="brown" / textColor="brown"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05352 / core/details　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05353 / core/details　プリセットの前景色：borderColor="grey" / textColor="grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05354 / core/details　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05355 / core/details　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05356 / core/details　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05357 / core/details　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05358 / core/details　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05359 / core/details　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05360 / core/details　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05361 / core/details　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05362 / core/details　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05363 / core/details　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05364 / core/details　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05365 / core/details　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05366 / core/details　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05367 / core/details　backgroundColor：backgroundColor="key-color"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05368 / core/details　backgroundColor：backgroundColor="red"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05369 / core/details　backgroundColor：backgroundColor="pink"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05370 / core/details　backgroundColor：backgroundColor="purple"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05371 / core/details　backgroundColor：backgroundColor="deep"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05372 / core/details　backgroundColor：backgroundColor="indigo"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05373 / core/details　backgroundColor：backgroundColor="blue"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05374 / core/details　backgroundColor：backgroundColor="light-blue"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05375 / core/details　backgroundColor：backgroundColor="cyan"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05376 / core/details　backgroundColor：backgroundColor="teal"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05377 / core/details　backgroundColor：backgroundColor="green"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05378 / core/details　backgroundColor：backgroundColor="light-green"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05379 / core/details　backgroundColor：backgroundColor="lime"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05380 / core/details　backgroundColor：backgroundColor="yellow"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05381 / core/details　backgroundColor：backgroundColor="amber"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05382 / core/details　backgroundColor：backgroundColor="orange"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05383 / core/details　backgroundColor：backgroundColor="deep-orange"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05384 / core/details　backgroundColor：backgroundColor="brown"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05385 / core/details　backgroundColor：backgroundColor="light-grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05386 / core/details　backgroundColor：backgroundColor="grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05387 / core/details　backgroundColor：backgroundColor="dark-grey"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05388 / core/details　backgroundColor：backgroundColor="cocoon-black"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-05389 / core/details　backgroundColor：backgroundColor="cocoon-white"

詳細を開いて確認する

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。