Как работает ключевое слово initial в CSS?

Ключевое слово initial в CSS работает так, что сбрасывает все указанные значения свойства для конкретного блока до значений по умолчанию. 1

У каждого свойства в CSS есть значение по умолчанию, которое применяется ещё до того, как что-либо написано в файле стилей. 1 Например, если установить для свойства font-size элемента значение initial, для размера шрифта будет установлено значение браузера по умолчанию. 2

Это ключевое слово полезно, когда нужно начать с чистого листа и переопределить любые другие стили, которые могут быть применены к элементу. 2 Например, при адаптивном дизайне, когда нужно возвращать значение свойств к значению по умолчанию при изменении размера окна браузера или при любых других различных разрешениях экрана. 4

Также initial можно применить к любому CSS-свойству, включая сокращённое свойство all, чтобы восстановить все свойства CSS до начальных значений сразу, а не по отдельности. 5