スマートキーの設定: HTML/CSS

タグ補完時に終了タグを挿入する

このチェックボックスをオンにすると、IntelliJ IDEA は、対応する開始タグを入力したときに、終了 XML タグまたは HTML タグを自動的に挿入します。

タグ補完時に必須属性を挿入する

入力されたタグのすべての必須属性を含むテンプレートを IntelliJ IDEA に表示するには、このチェックボックスをオンにします。

タグの補完時に必須サブタグを挿入する

すべての必須サブタグを含むテンプレートを IntelliJ IDEA に表示するには、このチェックボックスをオンにします。

タグ補完時に属性を開始する

このチェックボックスを選択すると、IntelliJ IDEA は、入力されたタグの最初の必須属性を含むテンプレートを表示します。

'=' と属性補完の入力時に属性値の引用符を追加する

このチェックボックスを選択すると、IntelliJ IDEA は現在入力している属性の値に引用符を自動的に追加します。

'</' 入力時に自動的にタグを閉じる

このチェックボックスを選択すると、</ を入力した後に閉じタグが自動的に追加されます。 このチェックボックスをオフにすると、このような自動補完はオフになります。

<tag></tag> を同時に編集する

このチェックボックスがオンになっているときに開始タグを編集すると、対応する終了タグもそれに応じて自動的に変更されます。

このチェックボックスをオフにすると、開始タグの編集は変更されない終了タグに影響しません。 その結果、開始タグと終了タグは一致せず、構造全体が間違っているように下線が引かれます。

このチェックボックスは、次のコンテキストでの IntelliJ IDEA の動作を制御します。

• HTML ファイル

• JavaScript コード内の HTML インジェクション

• Handlebars/Mustache テンプレートを使用した HTML

• 拡張子 .hbs の Handlebars/Mustache テンプレートファイル

• XML、XHTML ファイル

• DTD ファイル

• JSX ファイル

• JSP ファイル

• PHP ファイルの HTML インジェクション

ダブルクリックで CSS 識別子全体を選択

このチェックボックスがオンになっている場合、CSS 識別子またはクラス名をダブルクリックすると、接頭辞までの名前全体が選択されます。 例: <div class="text-gray-600"> 内の gray をダブルクリックして、クラス名全体 text-gray -600 を選択します。

このチェックボックスがオフの場合、CSS 識別子またはクラス名をダブルクリックすると、名前の最も近いハイフン内の部分が選択されます。