タブボックス(2/2)
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-00631 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="orange" / borderColor="orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00632 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="deep-orange" / borderColor="deep-orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00633 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="brown" / borderColor="brown"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00634 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="light-grey" / borderColor="light-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00635 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="grey" / borderColor="grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00636 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="dark-grey" / borderColor="dark-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00637 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="cocoon-black" / borderColor="cocoon-black"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00638 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="cocoon-white" / borderColor="cocoon-white"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00639 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="watery-blue" / borderColor="watery-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00640 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="watery-yellow" / borderColor="watery-yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00641 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="watery-red" / borderColor="watery-red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00642 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="watery-green" / borderColor="watery-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00643 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-a" / borderColor="ex-a"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00644 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-b" / borderColor="ex-b"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00645 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-c" / borderColor="ex-c"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00646 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-d" / borderColor="ex-d"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00647 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-e" / borderColor="ex-e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00648 / cocoon-blocks/tab-box-1 プリセットの前景色:textColor="ex-f" / borderColor="ex-f"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00649 / cocoon-blocks/tab-box-1 customBackgroundColor:customBackgroundColor="#19448e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00650 / cocoon-blocks/tab-box-1 customBackgroundColor:customBackgroundColor="#fff3ce"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00651 / cocoon-blocks/tab-box-1 customBackgroundColor:customBackgroundColor="#a82d46"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00652 / cocoon-blocks/tab-box-1 customTextColor:customTextColor="#19448e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00653 / cocoon-blocks/tab-box-1 customTextColor:customTextColor="#fff3ce"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00654 / cocoon-blocks/tab-box-1 customTextColor:customTextColor="#a82d46"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00655 / cocoon-blocks/tab-box-1 customBorderColor:customBorderColor="#19448e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00656 / cocoon-blocks/tab-box-1 customBorderColor:customBorderColor="#fff3ce"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00657 / cocoon-blocks/tab-box-1 customBorderColor:customBorderColor="#a82d46"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00658 / cocoon-blocks/tab-box-1 fontSize:fontSize="small"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00659 / cocoon-blocks/tab-box-1 fontSize:fontSize="medium"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00660 / cocoon-blocks/tab-box-1 fontSize:fontSize="large"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00661 / cocoon-blocks/tab-box-1 fontSize:fontSize="huge"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00662 / cocoon-blocks/tab-box-1 lock:lock={"move":false,"remove":false}
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00663 / cocoon-blocks/tab-box-1 lock:lock={"move":true,"remove":false}
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00664 / cocoon-blocks/tab-box-1 lock:lock={"move":false,"remove":true}
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00665 / cocoon-blocks/tab-box-1 lock:lock={"move":true,"remove":true}
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00666 / cocoon-blocks/tab-box-1 anchor:anchor="sample-anchor"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00667 / cocoon-blocks/tab-box-1 className:className="block-gallery-example"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00668 / cocoon-blocks/tab-box-1 文字色の自由指定:style.color.text="#19448e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00669 / cocoon-blocks/tab-box-1 文字色の自由指定:style.color.text="#fff3ce"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00670 / cocoon-blocks/tab-box-1 文字色の自由指定:style.color.text="#a82d46"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00671 / cocoon-blocks/tab-box-1 背景色の自由指定:style.color.background="#fff3ce"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00672 / cocoon-blocks/tab-box-1 背景色の自由指定:style.color.background="#e8f0fa"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00673 / cocoon-blocks/tab-box-1 背景色の自由指定:style.color.background="#19448e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00674 / cocoon-blocks/tab-box-1 extraBottomMargin:extraBottomMargin=""
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00675 / cocoon-blocks/tab-box-1 extraBottomMargin:extraBottomMargin="0"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00676 / cocoon-blocks/tab-box-1 extraBottomMargin:extraBottomMargin="2"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00677 / cocoon-blocks/tab-box-1 extraBottomMargin:extraBottomMargin="10"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00678 / cocoon-blocks/tab-box-1 extraBottomMargin:extraBottomMargin="20"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-00679 / cocoon-blocks/tab-box-1 組み合わせ:濃い背景と白い文字
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
