WebStorm 2026.1 Help

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

この設定ページを使用して、HTML、XML、CSS の入力支援機能を構成します。

詳細については、 HTML、 XML、 CSS の専用トピックを参照してください。

XML/HTML

項目

説明

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

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

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

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

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

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

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

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

「=」入力時や属性補完時に属性値用の引用符を追加する

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

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

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

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

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

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

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

  • HTML ファイル

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

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

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

  • XML、XHTML ファイル

  • DTD ファイル

  • JSX ファイル

CSS

項目

説明

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

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

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

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

ダブルクリックで CSS 識別子全体を選択: OFF
2026 年 6 月 8 日
スマートキースマートキーの設定: JSON