スタイル設定
Dashでは、コンポーネントの引数 styleに辞書型でcssを設定すると、スタイルを設定することができます。
キーがcssのプロパティをキャメルケースにしたもので、値がcssのプロパティ値となります。
(キャメルケースとは、2つ目以降の単語の1文字目を大文字にする命名規則です。
例:background-color ⇒ backgroundColor)
下記のコードでは、文字色を赤色に変更し、横位置を中央に設定しています。(8行目)
[ソースコード]
1 | import dash |
上記ソースを実行すると、コンソールにURLが表示されるのでブラウザで表示します。
[ブラウザで表示]
スタイルを設定して表示することができました。