VScode内で「border」と入力すると赤字になってしまいます。エラー解消、もしくは色の変更をしたいです。

前提・実現したいこと

VScode(Visual Studio Code)で「border」を入力すると赤字になってしまいます。
OSはMac11.2.3です。

拡張テーマのAtom one darkを利用していて気がついたため、はじめは拡張側の問題かと思いましたが、Atom〜をはじめ全ての拡張ファイルを無効にしても直りませんでした。
また、同じファイルをAtomに読み込ませても他タグと色が変わるということはなく、エラーにはなりません。

vscodeの仕様なのでしょうか？

希望としては他タグと色を揃えるか、それが不可能であれば個別で色変更がしたいです。
調べてもわからなかったので、おわかりになる方、対処法など教えていただけますと幸いです。
よろしくお願いします。

発生している問題・エラーメッセージ

border部分だけエラーと思われる赤字になってしまいます。
拡張テーマを有効化させた場合も同様に、他タグとは違う色になります。

該当のソースコード

<table border="1">
      <tr>
        <th colspan="2">セル１足す２</th>
      </tr>
      <tr>
        <td>セル３</td>
        <td>セル４</td>
      </tr>
      <tr>
        <td>セル５</td>
        <td>セル６</td>
      </tr>
    </table>

試したこと

拡張の影響を受けたものかと推測し、Atom one darkをはじめテーマ、その他インストール済みのものを無効化しましたが改善されませんでした。

補足情報（FW/ツールのバージョンなど）

vscode 1.55.2 (Universal)
Mac OS　11.2.3

Lhankor_Mhy

2021/04/23 08:19

border属性は非推奨とされています。 https://developer.mozilla.org/ja/docs/Web/HTML/Element/table#attr-border

sakuraomc

2021/04/26 07:48

ご回答有難うございます。 URL先を拝見し、非推奨タグについて他にも知ることができました。

行動規範の内容に同意します

回答1件

ベストアンサー

VScodeは使ってませんが、エラーではないです。

~~恐らく属性名(今回で言えばborder)をデフォルトで赤色で区別しているのかと。~~
↑申し訳ない、borderだけ色が変わってるんでしたね。上は見当違いです。

恐らく非推奨の属性を特別に色を変えているんだと思います。
table要素のborderは非推奨なので。
基本的にはcssでborderプロパティを使うようになさってください。

因みにこういう属性であったり要素であったりで色が変わる機能はシンタックスハイライトと
言います。(構文ハイライトとも)

んで、色変える方法ですがちょっと詳しくないので参考になりそうな記事を貼っておきます。
(VScode使ってないので設定知らなくて申し訳ないです)
Visual Studio Codeの設定「虎の巻」：構文ハイライト／配色テーマ自作編

投稿2021/04/23 08:12

編集2021/04/23 08:28

K_3578

総合スコア1282

sakuraomc

2021/04/26 07:54

わかりやすいご説明、有難うございました。参考書の通りに記述していたのですが、非推奨タグを使ってしまっていたのですね。以降はCSSで使うようにいたします。シンタックスハイライトというのも今まで知らなかったので、知識が広がりました。参考サイトも目を通して、いずれ自分でも設定ができるようになれば…と思います。大変ご丁寧にサポートしていただき、有難うございました。