# フィールド同士の横縦間隔調整について **URL:** \ **Category:** kintone 開発相談\ **Created:** [2023 年 2 月 28 日午前 12:16 UTC](https://community.cybozu.dev/t/topic/1419 "2023-02-28T00:16:04Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![Legacy\_Account1622](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account1622](https://community.cybozu.dev/u/Legacy_Account1622)\ **Post date:** [2023 年 2 月 28 日午前 12:16 UTC](https://community.cybozu.dev/t/topic/1419/1 "2023-02-28T00:16:04Z")
お世話になっております。 図赤枠の様なフィールド間の縦横間隔をcssで調整したいのですが、過去トピック等で類似内容が見当たらず、どの様なcssで対応可能かご教授またはアドバイスいただければ幸いです。   以上、よろしくお願いいたします。 ---
**Author:** ![Legacy\_Account1177](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@Legacy\_Account1177](https://community.cybozu.dev/u/Legacy_Account1177)\ **Post date:** [2023 年 3 月 1 日午前 3:35 UTC](https://community.cybozu.dev/t/topic/1419/2 "2023-03-01T03:35:37Z")
全てに対応させたいのか、特定のフィールドだけにしたいのかで変わるかと思います。また以下はレコード詳細表示画面での場合です。 フィールドの左右にあるスペースは「row-gaiaクラスの子要素のcontorol-gaiaクラス」でpaddingが0 8pxに指定されているので、こちらを変えれば良いかと思います。またフィールドだけでなくcontorol-gaiaクラスは関連レコード等でも使われている（そちらはsubtable-gaiaクラスの子要素ですね）ので、単純にcontorol-gaiaクラスを指定しただけではそれらの装飾も崩してしまいます。kintone.app.record.getFieldElement(fieldCode)でフィールドを取得する場合は、取得した要素の親要素になります。 フィールドの下にあるスペースは「row-gaiaクラス」でmargin-bottomが12pxに指定されているので、こちらを変えれば良いかと思います。kintone.app.record.getFieldElement(fieldCode)でフィールドを取得する場合は、取得した要素の親要素から更に親要素になります。   いずれにしてもDOM操作になります。kintoneがデザイン変更等のアップデートを行った場合、都度変更が必要になる可能性があります。 ---
**Author:** ![Legacy\_Account1622](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account1622](https://community.cybozu.dev/u/Legacy_Account1622)\ **Post date:** [2023 年 3 月 1 日午前 6:13 UTC](https://community.cybozu.dev/t/topic/1419/3 "2023-03-01T06:13:06Z")
ご回答頂き、有難う御座います。 全てへの対応を想定しております。 DOM操作という事で今後メンテ性含め運用検討必要にはなりますが、 勉強の為に頂戴した内容踏まえ、一度チャレンジしてみます。 有難う御座いました。 ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2023 年 11 月 9 日午前 5:36 UTC](https://community.cybozu.dev/t/topic/1419/4 "2023-11-09T05:36:32Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。