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>