3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

HTMLテーブルのborder優先順位

Posted at

経緯

HTMLテーブルのスタイルを”border-collapse: collapse”にしたとき
borderをセルをフォームの入力によって色を変えたら上手くいかなかった。
調べてみるとスタイルの指定の仕方で優先度があったので備忘録として残します。

結論

優先度順
1.border-hidden
2.border-width(太いほど優先)
3.border-style(double、solid、dashed、dotted、ridge、outset、groove、insetの順に優先)
4.上記が同じ場合はテーブル内でより左にあるもの、上にあるものの順で優先されます。
5.border-style: none (もっとも優先順位の低い状態)

以上、閲覧ありがとうございました。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?