ラベルボックス(1/2)
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-02338 / cocoon-blocks/label-box-1 基本形
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02339 / cocoon-blocks/label-box-1 content:content="短いサンプル"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02340 / cocoon-blocks/label-box-1 content:content="春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02341 / cocoon-blocks/label-box-1 icon:icon="fa-check"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02342 / cocoon-blocks/label-box-1 icon:icon="fa-star"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02343 / cocoon-blocks/label-box-1 icon:icon="fa-lightbulb-o"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02344 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="key-color"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02345 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02346 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="pink"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02347 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="purple"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02348 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="deep"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02349 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="indigo"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02350 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02351 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="light-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02352 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="cyan"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02353 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="teal"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02354 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02355 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="light-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02356 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="lime"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02357 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02358 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="amber"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02359 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02360 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="deep-orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02361 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="brown"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02362 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="light-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02363 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02364 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="dark-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02365 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="cocoon-black"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02366 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="cocoon-white"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02367 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="watery-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02368 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="watery-yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02369 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="watery-red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02370 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="watery-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02371 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-a"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02372 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-b"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02373 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-c"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02374 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-d"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02375 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02376 / cocoon-blocks/label-box-1 backgroundColor:backgroundColor="ex-f"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02377 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="key-color" / borderColor="key-color"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02378 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="red" / borderColor="red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02379 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="pink" / borderColor="pink"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02380 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="purple" / borderColor="purple"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02381 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="deep" / borderColor="deep"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02382 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="indigo" / borderColor="indigo"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02383 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="blue" / borderColor="blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02384 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="light-blue" / borderColor="light-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02385 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="cyan" / borderColor="cyan"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02386 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="teal" / borderColor="teal"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02387 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="green" / borderColor="green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02388 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="light-green" / borderColor="light-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02389 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="lime" / borderColor="lime"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02390 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="yellow" / borderColor="yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02391 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="amber" / borderColor="amber"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02392 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="orange" / borderColor="orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02393 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="deep-orange" / borderColor="deep-orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02394 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="brown" / borderColor="brown"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02395 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="light-grey" / borderColor="light-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02396 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="grey" / borderColor="grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02397 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="dark-grey" / borderColor="dark-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02398 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="cocoon-black" / borderColor="cocoon-black"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02399 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="cocoon-white" / borderColor="cocoon-white"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02400 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="watery-blue" / borderColor="watery-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02401 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="watery-yellow" / borderColor="watery-yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02402 / cocoon-blocks/label-box-1 プリセットの前景色:textColor="watery-red" / borderColor="watery-red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
