ブロックサンプル：プルクオート（1/2）

プルクオート（1/2）

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

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

sample-06755 / core/pullquote　基本形

sample-06756 / core/pullquote　value：value="短いサンプル"

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

sample-06758 / core/pullquote　citation：citation="短いサンプル"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sample-06793 / core/pullquote　backgroundColor：backgroundColor="key-color"

sample-06794 / core/pullquote　backgroundColor：backgroundColor="red"

sample-06795 / core/pullquote　backgroundColor：backgroundColor="pink"

sample-06796 / core/pullquote　backgroundColor：backgroundColor="purple"

sample-06797 / core/pullquote　backgroundColor：backgroundColor="deep"

sample-06798 / core/pullquote　backgroundColor：backgroundColor="indigo"

sample-06799 / core/pullquote　backgroundColor：backgroundColor="blue"

sample-06800 / core/pullquote　backgroundColor：backgroundColor="light-blue"

sample-06801 / core/pullquote　backgroundColor：backgroundColor="cyan"

sample-06802 / core/pullquote　backgroundColor：backgroundColor="teal"

sample-06803 / core/pullquote　backgroundColor：backgroundColor="green"

sample-06804 / core/pullquote　backgroundColor：backgroundColor="light-green"

sample-06805 / core/pullquote　backgroundColor：backgroundColor="lime"

sample-06806 / core/pullquote　backgroundColor：backgroundColor="yellow"

sample-06807 / core/pullquote　backgroundColor：backgroundColor="amber"

sample-06808 / core/pullquote　backgroundColor：backgroundColor="orange"

sample-06809 / core/pullquote　backgroundColor：backgroundColor="deep-orange"

sample-06810 / core/pullquote　backgroundColor：backgroundColor="brown"

sample-06811 / core/pullquote　backgroundColor：backgroundColor="light-grey"

sample-06812 / core/pullquote　backgroundColor：backgroundColor="grey"

sample-06813 / core/pullquote　backgroundColor：backgroundColor="dark-grey"

sample-06814 / core/pullquote　backgroundColor：backgroundColor="cocoon-black"

sample-06815 / core/pullquote　backgroundColor：backgroundColor="cocoon-white"

sample-06816 / core/pullquote　backgroundColor：backgroundColor="watery-blue"

sample-06817 / core/pullquote　backgroundColor：backgroundColor="watery-yellow"

sample-06818 / core/pullquote　backgroundColor：backgroundColor="watery-red"

sample-06819 / core/pullquote　backgroundColor：backgroundColor="watery-green"

sample-06820 / core/pullquote　backgroundColor：backgroundColor="ex-a"

sample-06821 / core/pullquote　backgroundColor：backgroundColor="ex-b"

sample-06822 / core/pullquote　backgroundColor：backgroundColor="ex-c"

sample-06823 / core/pullquote　backgroundColor：backgroundColor="ex-d"

sample-06824 / core/pullquote　backgroundColor：backgroundColor="ex-e"

sample-06825 / core/pullquote　backgroundColor：backgroundColor="ex-f"

sample-06826 / core/pullquote　fontSize：fontSize="small"

sample-06827 / core/pullquote　fontSize：fontSize="medium"

sample-06828 / core/pullquote　fontSize：fontSize="large"

sample-06829 / core/pullquote　fontSize：fontSize="huge"

sample-06830 / core/pullquote　align：align=""

sample-06831 / core/pullquote　align：align="left"

sample-06832 / core/pullquote　align：align="right"

sample-06833 / core/pullquote　align：align="wide"

sample-06834 / core/pullquote　align：align="full"