ブロックサンプル：アイコン（1/2）

アイコン（1/2）

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

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

sample-12491 / core/icon　基本形

sample-12492 / core/icon　icon：icon="core/info"

sample-12493 / core/icon　flipHorizontal：flipHorizontal=false

sample-12494 / core/icon　flipHorizontal：flipHorizontal=true

sample-12495 / core/icon　flipVertical：flipVertical=false

sample-12496 / core/icon　flipVertical：flipVertical=true

sample-12497 / core/icon　rotation：rotation=1

sample-12498 / core/icon　rotation：rotation=0

sample-12499 / core/icon　rotation：rotation=6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-12533 / core/icon　backgroundColor：backgroundColor="key-color"

sample-12534 / core/icon　backgroundColor：backgroundColor="red"

sample-12535 / core/icon　backgroundColor：backgroundColor="pink"

sample-12536 / core/icon　backgroundColor：backgroundColor="purple"

sample-12537 / core/icon　backgroundColor：backgroundColor="deep"

sample-12538 / core/icon　backgroundColor：backgroundColor="indigo"

sample-12539 / core/icon　backgroundColor：backgroundColor="blue"

sample-12540 / core/icon　backgroundColor：backgroundColor="light-blue"

sample-12541 / core/icon　backgroundColor：backgroundColor="cyan"

sample-12542 / core/icon　backgroundColor：backgroundColor="teal"

sample-12543 / core/icon　backgroundColor：backgroundColor="green"

sample-12544 / core/icon　backgroundColor：backgroundColor="light-green"

sample-12545 / core/icon　backgroundColor：backgroundColor="lime"

sample-12546 / core/icon　backgroundColor：backgroundColor="yellow"

sample-12547 / core/icon　backgroundColor：backgroundColor="amber"

sample-12548 / core/icon　backgroundColor：backgroundColor="orange"

sample-12549 / core/icon　backgroundColor：backgroundColor="deep-orange"

sample-12550 / core/icon　backgroundColor：backgroundColor="brown"

sample-12551 / core/icon　backgroundColor：backgroundColor="light-grey"

sample-12552 / core/icon　backgroundColor：backgroundColor="grey"

sample-12553 / core/icon　backgroundColor：backgroundColor="dark-grey"

sample-12554 / core/icon　backgroundColor：backgroundColor="cocoon-black"

sample-12555 / core/icon　backgroundColor：backgroundColor="cocoon-white"

sample-12556 / core/icon　backgroundColor：backgroundColor="watery-blue"

sample-12557 / core/icon　backgroundColor：backgroundColor="watery-yellow"

sample-12558 / core/icon　backgroundColor：backgroundColor="watery-red"

sample-12559 / core/icon　backgroundColor：backgroundColor="watery-green"

sample-12560 / core/icon　backgroundColor：backgroundColor="ex-a"

sample-12561 / core/icon　backgroundColor：backgroundColor="ex-b"

sample-12562 / core/icon　backgroundColor：backgroundColor="ex-c"

sample-12563 / core/icon　backgroundColor：backgroundColor="ex-d"

sample-12564 / core/icon　backgroundColor：backgroundColor="ex-e"

sample-12565 / core/icon　backgroundColor：backgroundColor="ex-f"

sample-12566 / core/icon　align：align=""

sample-12567 / core/icon　align：align="left"

sample-12568 / core/icon　align：align="center"

sample-12569 / core/icon　align：align="right"

sample-12570 / core/icon　lock：lock={"move":false,"remove":false}