コードの折りたたみと展開

コードの一部を折りたたむか展開表示することで、スクロールバーを使用せずにドキュメントの異なる部分を表示できます。

例えば、ページの下部にある div タグに適用される head タグ内のすべての CSS ルールを表示する場合は、head タグと div タグに囲まれているすべてのコードを折りたたんで、両方のコード部分を一度に表示できます。

コードの一部を選択して、折りたたむことができます。コードの折りたたみは、タグブロックベースで HTML、PHP、XML、SVG ファイルでも実行できます。CSS、Less、Sass、SCSS、JS ファイルでは、波カッコに基づいたコードを折りたためます。

• HTML ファイル：開始および終了 HTML タグに囲まれたコードが折りたたまれ、属性の初期値（ある場合）が折りたたまれたコードに表示されます。折りたたまれたコードブロックは、タグセレクター、検索／置換、行移動、エレメントクイックビュー、ライブビュー、取り消し／やり直しによってそのブロック内のコードがフォーカスされた場合に、自動的に展開されます。

これらの選択内容が変更されると、コードは自動的に再度折りたたまれます。

• CSS、Less、Sass、SCSS、JS ファイル：波カッコ内のコードが折りたたまれ、プレビューが {...} として表示されます。
• PHP ファイル：PHP コードブロックに加え、HTML エレメント、CSS および JS コードブロックが折りたたまれます。

コードの折りたたみの既定サイズは 2 行です。この既定の設定では、コードを折りたたむ際、コードが 2 行以上あるすべてのコード部分が折りたたまれます。2 行未満のコードは、展開された状態で表示されます。

コードの折りたたみ最小行数を変更するには：

コード部分の折りたたみと展開

既定では、コードビューではすべてのコードが展開されています。

ただし、複数の行を選択し、それらのコードを折りたためます。また、タグブロックや波カッコの構文に基づいて、コードを折りたためます。

• タグブロックまたは波カッコに基づいたコードの折りたたみ
• 選択内容に基づいたコードの折りたたみ

タグブロックまたは波カッコに基づいたコードの折りたたみ

タグブロックまたは波カッコに基づいてコードを折りたたむには：

選択内容に基づいたコードの折りたたみ

選択内容に基づいてコードを折りたたむには：

キーボードショートカットによるコードの折りたたみと展開

折りたたまれたコード部分のコピー＆ペースト