CSS-инлайнер онлайн

CSS-инлайнер онлайн

Преобразуйте простые невложенные правила CSS во встроенные стили; разные селекторы для одного элемента явно отклоняются.

Браузер разбирает HTML и CSS. После текста всех элементов style добавляется дополнительный CSS. Правила с одинаковым селектором накапливаются в порядке исходного кода. Исходные встроенные объявления сохраняют свой приоритет встроенных стилей с учётом !important. Результат всегда является полным документом с doctype, независимо от сохранения тегов style.

Преобразуются только невложенные правила стилей. Если разные тексты селекторов соответствуют одному элементу, преобразование завершается ошибкой, а не угадывает специфичность. Правила @ и правила с вложенным CSS не разворачиваются. Псевдоэлементы, вычисленные стили и внешние таблицы стилей не преобразуются. Браузер может отбросить некорректный CSS и нормализовать HTML.

Каждый редактор принимает до 500000 кодовых единиц UTF-16. Суммарные тексты правил, разделители и исходные встроенные стили всех подходящих элементов ограничены 4000000 кодовых единиц UTF-16; тот же предел действует для сериализованного результата. При превышении уменьшите количество элементов HTML или объявлений CSS. Это не гарантия производительности для любых данных.

Преобразование локально использует вставленный CSS; внешние таблицы стилей не загружаются. Результат — текст, а не предпросмотр, скачивание или очистка HTML. Скрипты и опасная разметка не удаляются. Проверьте код перед использованием и протестируйте в целевом браузере или почтовом клиенте; неизменность отображения не гарантируется.

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>