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

表（1/2）

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

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

sample-07463 / core/table　基本形

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07464 / core/table　hasFixedLayout：hasFixedLayout=false

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07465 / core/table　hasFixedLayout：hasFixedLayout=true

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07466 / core/table　caption：caption="短いサンプル"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07468 / core/table　head：head=[]

春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07469 / core/table　head：head=[{"cells":[{"content":"項目","tag":"th"},{"content":"内容","tag":"th"}]}]

項目	内容
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07470 / core/table　body：body=[{"cells":[{"content":"左","tag":"td","align":"left"},{"content":"中央","tag":"td","align":"center"},{"content":"右","tag":"td","align":"right"}]}]

項目	内容	備考
左	中央	右

sample-07471 / core/table　foot：foot=[]

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07472 / core/table　foot：foot=[{"cells":[{"content":"合計","tag":"td"},{"content":"3件","tag":"td"}]}]

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認
合計	3件

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

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

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07506 / core/table　backgroundColor：backgroundColor="key-color"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07507 / core/table　backgroundColor：backgroundColor="red"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07508 / core/table　backgroundColor：backgroundColor="pink"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07509 / core/table　backgroundColor：backgroundColor="purple"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07510 / core/table　backgroundColor：backgroundColor="deep"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07511 / core/table　backgroundColor：backgroundColor="indigo"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07512 / core/table　backgroundColor：backgroundColor="blue"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07513 / core/table　backgroundColor：backgroundColor="light-blue"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07514 / core/table　backgroundColor：backgroundColor="cyan"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07515 / core/table　backgroundColor：backgroundColor="teal"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07516 / core/table　backgroundColor：backgroundColor="green"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07517 / core/table　backgroundColor：backgroundColor="light-green"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07518 / core/table　backgroundColor：backgroundColor="lime"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07519 / core/table　backgroundColor：backgroundColor="yellow"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07520 / core/table　backgroundColor：backgroundColor="amber"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07521 / core/table　backgroundColor：backgroundColor="orange"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07522 / core/table　backgroundColor：backgroundColor="deep-orange"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07523 / core/table　backgroundColor：backgroundColor="brown"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07524 / core/table　backgroundColor：backgroundColor="light-grey"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07525 / core/table　backgroundColor：backgroundColor="grey"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07526 / core/table　backgroundColor：backgroundColor="dark-grey"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07527 / core/table　backgroundColor：backgroundColor="cocoon-black"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07528 / core/table　backgroundColor：backgroundColor="cocoon-white"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07529 / core/table　backgroundColor：backgroundColor="watery-blue"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07530 / core/table　backgroundColor：backgroundColor="watery-yellow"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07531 / core/table　backgroundColor：backgroundColor="watery-red"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07532 / core/table　backgroundColor：backgroundColor="watery-green"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07533 / core/table　backgroundColor：backgroundColor="ex-a"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07534 / core/table　backgroundColor：backgroundColor="ex-b"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07535 / core/table　backgroundColor：backgroundColor="ex-c"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07536 / core/table　backgroundColor：backgroundColor="ex-d"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07537 / core/table　backgroundColor：backgroundColor="ex-e"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07538 / core/table　backgroundColor：backgroundColor="ex-f"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07539 / core/table　fontSize：fontSize="small"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07540 / core/table　fontSize：fontSize="medium"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07541 / core/table　fontSize：fontSize="large"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認

sample-07542 / core/table　fontSize：fontSize="huge"

項目	内容	備考
春	やわらかな色合い	短い文章
夏	長い文章が複数行へ折り返される場合の表示確認です。	表示を確認
秋	落ち着いた配色	右寄せも確認