HTML Base styles

HTMLのそれぞれのタグのデフォルトスタイルを確認するためのページです。

Demo Page preview

↓

Preview

大きい画面で見る

補足

listのベーススタイルについて

↓

CSS

:where(ul, ol) {
  list-style: none;
  padding: 0;
  padding-inline-start: var(--list-pis, 0);
}
:where(ul, ol):not([class]){
  --list-pis: 1.5em;
  list-style: revert;
}

ul,liの標準スタイルはリセットした上で、class属性を持たないリストについては、ブラウザ標準のスタイルを再適用させています。
re--listクラスを使っても、同様に標準スタイルを再適用させることができます。

tableのベーススタイルについて

↓

CSS

:where(td, th) {
  padding: var(--cell-p, 0.5em);
  min-inline-size: var(--cell-minIs, unset);
}
:where(th) {
  color: var(--th-c, inherit);
  background-color: var(--th-bgc, transparent);
}
:where(td) {
  color: var(--td-c, inherit);
  background-color: var(--td-bgc, transparent);
}

少しだけ、変数で簡単にカスタマイズできるようになっています。

セルの１列目を固定表示したりする例は Tableコンポーネントを参照してください。