Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
84
84
67
9.1
84
9.3
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

CSS
.reset-list {
  list-style: revert;
  padding: revert;
  margin: revert;
}

ライブデモ

list-style: revert

CSS List-style: revert demo.

プレビュー全画面表示

padding: revert

CSS Padding: revert demo.

プレビュー全画面表示

margin: revert

CSS Margin: revert demo.

プレビュー全画面表示

実務での使いどころ

  • ブラウザデフォルトスタイルへの復帰

    CSSリセットで除去されたブラウザデフォルトのスタイルを、特定の要素だけ元に戻します。

注意点

  • revertはinitialとは異なります。initialはCSS仕様の初期値(例:displayはinline)に戻し、revertはブラウザデフォルト値に戻します。

アクセシビリティ

  • revertによりブラウザデフォルトのスタイルに戻すことで、フォーカスインジケーターなどのアクセシビリティ機能が復活する場合があります。