CSS スタイルをビジュアルで編集する

Coda では主要なスタイルセレクタのビジュアル編集機能を提供しています。

セレクタを設定するためにビジュアル編集モードにするには:

• セクションヘッダにあるビジュアルモードボタンをクリックします:

テーブル型の設定項目を編集するには:

1. +／- ボタンでそれぞれ項目を追加／削除します
2. 編集するには、項目をダブルクリックします

セグメント型の設定項目を編集するには:

1. 選択したい値のセグメントをクリックします



2. 1項目につき選択可能なセグメントは1つです
3. 選択を消去したい場合は、消去したいセグメントを再度クリックします

数値入力型の設定項目を編集するには:

1. 入力したい値を直接、"2 px" の様にテキストボックスに入力します
2. ポップアップメニューから単位（px、pt、em、等）を選択します
3. テキストボックスの右にある上下三角をクリックすることで、値を1つずつ上下させることも可能です

カラーを編集するには:

1. カラーパレットを開くために カラーホイールボタン をクリックします
2. カラーが選択されると、カラーホイールボタンが変化し、選択されたカラーに変化します
3. X をクリックすると、設定されたカラーが消去されます



4. カラーが設定されると、ボタンに設定されたカラーが表示されます