Trong CSS, làm thế nào để khôi phục giá trị mặc định của thuộc tính?

Trong CSS, để khôi phục giá trị mặc định của một thuộc tính, bạn có thể sử dụng một trong các từ khóa sau:

1. initial: Đặt giá trị của thuộc tính về giá trị khởi tạo mặc định của nó theo đặc tả CSS.

   css Copy

   element {
     display: initial;
   }

2. inherit: Đặt giá trị của thuộc tính để kế thừa từ phần tử cha.

   css Copy

   element {
     display: inherit;
   }

3. unset: Nếu thuộc tính là có thể kế thừa, unset sẽ đặt giá trị của nó để kế thừa từ phần tử cha; nếu không, nó sẽ đặt giá trị về giá trị khởi tạo mặc định.

   css Copy

   element {
     display: unset;
   }

4. revert: Đặt giá trị của thuộc tính về giá trị mà nó sẽ có nếu không có các quy tắc CSS tác động lên nó, tức là giá trị mặc định của trình duyệt hoặc giá trị do người dùng đặt, hoặc giá trị kế thừa, hoặc giá trị khởi tạo.

   css Copy

   element {
     display: revert;
   }

Trong đó, revert là từ khóa mới và hữu ích trong việc khôi phục các giá trị mặc định của trình duyệt, và nó được hỗ trợ bởi tất cả các trình duyệt hiện đại kể từ năm 2020. Đối với việc áp dụng cho tất cả các thuộc tính của một phần tử, bạn có thể sử dụng thuộc tính all kết hợp với một trong các từ khóa trên:

element {
  all: revert;
}

Lưu ý rằng việc sử dụng initial có thể không phản ánh chính xác giá trị mặc định của trình duyệt vì nó đặt giá trị về giá trị khởi tạo mặc định theo đặc tả CSS, không phải giá trị mặc định của trình duyệt