Определение стилей браузера по умолчанию для различных тегов

Question

Я хочу определить стили по умолчанию для различных имен тегов.Например, я хочу знать, какой будет размер шрифта по умолчанию для h2.

Есть ли способ сделать это в Javascript?

Контекст: я пытаюсь создать живой редактор CSS, который позволил бы пользователям поиграть со стилем различных элементов на своей странице.Для начальной конфигурации я хочу прочитать, как будут выглядеть различные элементы.

РЕДАКТИРОВАТЬ: Взяв h2 в качестве примера, jQuery ("h2"). Css ("foint-size") отлично работает, еслиНа странице есть элементы h2.Однако, это решение ломается, когда на странице нет h2.В этом случае вы хотите знать, какие стили будут применены к h2, если бы он был на странице

спасибо!

Answer 1

Вы ищете getComputedStyle / currentStyle, который получит фактическое значение свойства CSS, однако оно было установлено.

Используя jQuery, вы можете просто вызвать $('<h2>hi!</h2>').css('font-size'), который вызывает эти методы.