[CSSを入力]ブロック
[CSSを入力]ブロックは、任意のCSSを設定するブロックです。
❗️ 注意
設定したCSSは、画面全体に適用されます。
意図しない箇所のデザインが変わる場合があるため、影響範囲を確認しながら設定してください。
ブロックの説明
このブロックは、任意のCSSを設定します。
![[CSSを入力]ブロック](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-406x130_webp_43d479fa-60d4-4fe2-a6b6-513dfa04feb6.png)
入力
項目名 | 入力方法 | 入力の型 | 説明 |
|---|---|---|---|
CSS | エディタ | - | 適用したいCSSを記述します。 |
使用例
例:[CSSを入力]ブロックを利用して一覧画面のヘッダーの背景を黄色に変える
![[CSSを入力]ブロックを利用して一覧画面のヘッダーの背景を黄色に変える例](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-384x225_webp_cf3857a5-438a-483b-b0bb-e13227a47ae6.png)
❗️ 注意
kintoneのクラス名を指定している場合、kintoneのアップデートの影響を受けて、動かなくなる可能性があります。
詳細は kintoneで使われているidやclass属性 を確認してください。