ブロックサンプル：区切り（1/2）

区切り（1/2）

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

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

sample-07147 / core/separator　基本形

---

sample-07148 / core/separator　opacity：opacity="alpha-channel"

---

sample-07149 / core/separator　opacity：opacity="css"

---

sample-07150 / core/separator　tagName：tagName="hr"

---

sample-07151 / core/separator　tagName：tagName="div"

sample-07152 / core/separator　backgroundColor：backgroundColor="key-color"

---

sample-07153 / core/separator　backgroundColor：backgroundColor="red"

---

sample-07154 / core/separator　backgroundColor：backgroundColor="pink"

---

sample-07155 / core/separator　backgroundColor：backgroundColor="purple"

---

sample-07156 / core/separator　backgroundColor：backgroundColor="deep"

---

sample-07157 / core/separator　backgroundColor：backgroundColor="indigo"

---

sample-07158 / core/separator　backgroundColor：backgroundColor="blue"

---

sample-07159 / core/separator　backgroundColor：backgroundColor="light-blue"

---

sample-07160 / core/separator　backgroundColor：backgroundColor="cyan"

---

sample-07161 / core/separator　backgroundColor：backgroundColor="teal"

---

sample-07162 / core/separator　backgroundColor：backgroundColor="green"

---

sample-07163 / core/separator　backgroundColor：backgroundColor="light-green"

---

sample-07164 / core/separator　backgroundColor：backgroundColor="lime"

---

sample-07165 / core/separator　backgroundColor：backgroundColor="yellow"

---

sample-07166 / core/separator　backgroundColor：backgroundColor="amber"

---

sample-07167 / core/separator　backgroundColor：backgroundColor="orange"

---

sample-07168 / core/separator　backgroundColor：backgroundColor="deep-orange"

---

sample-07169 / core/separator　backgroundColor：backgroundColor="brown"

---

sample-07170 / core/separator　backgroundColor：backgroundColor="light-grey"

---

sample-07171 / core/separator　backgroundColor：backgroundColor="grey"

---

sample-07172 / core/separator　backgroundColor：backgroundColor="dark-grey"

---

sample-07173 / core/separator　backgroundColor：backgroundColor="cocoon-black"

---

sample-07174 / core/separator　backgroundColor：backgroundColor="cocoon-white"

---

sample-07175 / core/separator　backgroundColor：backgroundColor="watery-blue"

---

sample-07176 / core/separator　backgroundColor：backgroundColor="watery-yellow"

---

sample-07177 / core/separator　backgroundColor：backgroundColor="watery-red"

---

sample-07178 / core/separator　backgroundColor：backgroundColor="watery-green"

---

sample-07179 / core/separator　backgroundColor：backgroundColor="ex-a"

---

sample-07180 / core/separator　backgroundColor：backgroundColor="ex-b"

---

sample-07181 / core/separator　backgroundColor：backgroundColor="ex-c"

---

sample-07182 / core/separator　backgroundColor：backgroundColor="ex-d"

---

sample-07183 / core/separator　backgroundColor：backgroundColor="ex-e"

---

sample-07184 / core/separator　backgroundColor：backgroundColor="ex-f"

---

sample-07185 / core/separator　textColor：textColor="key-color"

---

sample-07186 / core/separator　textColor：textColor="red"

---

sample-07187 / core/separator　textColor：textColor="pink"

---

sample-07188 / core/separator　textColor：textColor="purple"

---

sample-07189 / core/separator　textColor：textColor="deep"

---

sample-07190 / core/separator　textColor：textColor="indigo"

---

sample-07191 / core/separator　textColor：textColor="blue"

---

sample-07192 / core/separator　textColor：textColor="light-blue"

---

sample-07193 / core/separator　textColor：textColor="cyan"

---

sample-07194 / core/separator　textColor：textColor="teal"

---

sample-07195 / core/separator　textColor：textColor="green"

---

sample-07196 / core/separator　textColor：textColor="light-green"

---

sample-07197 / core/separator　textColor：textColor="lime"

---

sample-07198 / core/separator　textColor：textColor="yellow"

---

sample-07199 / core/separator　textColor：textColor="amber"

---

sample-07200 / core/separator　textColor：textColor="orange"

---

sample-07201 / core/separator　textColor：textColor="deep-orange"

---

sample-07202 / core/separator　textColor：textColor="brown"

---

sample-07203 / core/separator　textColor：textColor="light-grey"

---

sample-07204 / core/separator　textColor：textColor="grey"

---

sample-07205 / core/separator　textColor：textColor="dark-grey"

---

sample-07206 / core/separator　textColor：textColor="cocoon-black"

---

sample-07207 / core/separator　textColor：textColor="cocoon-white"

---

sample-07208 / core/separator　textColor：textColor="watery-blue"

---

sample-07209 / core/separator　textColor：textColor="watery-yellow"

---

sample-07210 / core/separator　textColor：textColor="watery-red"

---

sample-07211 / core/separator　textColor：textColor="watery-green"

---

sample-07212 / core/separator　textColor：textColor="ex-a"

---

sample-07213 / core/separator　textColor：textColor="ex-b"

---

sample-07214 / core/separator　textColor：textColor="ex-c"

---

sample-07215 / core/separator　textColor：textColor="ex-d"

---

sample-07216 / core/separator　textColor：textColor="ex-e"

---

sample-07217 / core/separator　textColor：textColor="ex-f"

---

sample-07218 / core/separator　align：align=""

---

sample-07219 / core/separator　align：align="center"

---

sample-07220 / core/separator　align：align="wide"

---

sample-07221 / core/separator　align：align="full"

---

sample-07222 / core/separator　lock：lock={"move":false,"remove":false}

---

sample-07223 / core/separator　lock：lock={"move":true,"remove":false}

---

sample-07224 / core/separator　lock：lock={"move":false,"remove":true}

---

sample-07225 / core/separator　lock：lock={"move":true,"remove":true}

---

sample-07226 / core/separator　anchor：anchor="sample-anchor"

---