## 概要 「入力項目」の[表示名](/ja/manual/table-management-label-text)のラベルを含む、項目のフィールド要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、[スタイル](/ja/manual/table-management-style)を適用することができます。 ## 制限事項 1. [コメント項目](/ja/manual/table-management-comments)では使用できません。 ## 前提条件 1. 設定を行うには「サイトの管理権限」が必要です。 ## 動作イメージ [分類項目](/ja/manual/table-management-class)の「フィールドCSS」に「field-test」、[コントロールCSS](/ja/manual/table-management-extended-control-css)に「control-test」というクラス名を指定します。    指定したクラスに対して以下のようにスタイルを設定します。(ここでは新規作成にチェック） ##### CSS ``` .field-test { background-color: red; } .control-test { background-color: green; } ``` 新規作成で以下のように表示されます。   フィールドCSSではラベルの装飾、レイアウト調整、項目の表示非表示、コントロールCSSでは入力欄のサイズ変更、項目の値の取得などに使用できます。 ## 関連情報 <div id="ManualList"><ul><li><a href="/ja/manual/table-management-class">テーブルの管理：項目：分類</a><span>2023/04/21 up</span></li> <li><a href="/ja/manual/table-management-comments">テーブルの管理：項目：コメント</a><span>2023/04/21 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-label-text">テーブルの管理：エディタ：項目の詳細設定：表示名</a><span>2023/04/25 up</span></li> <li><a href="/ja/manual/table-management-extended-control-css">テーブルの管理：エディタ：項目の詳細設定：コントロールCSS</a><span>2024/04/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-style">テーブルの管理：スタイル</a><span>2024/10/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/style">開発者向け機能：スタイル</a><span>2023/05/18 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />