Inliner CSS online
Konwertuj proste, niezagnieżdżone reguły CSS na style liniowe; różne selektory pasujące do jednego elementu są odrzucane.
Rozpocznij
Inliner CSS online
Konwertuj proste, niezagnieżdżone reguły CSS na style liniowe; różne selektory pasujące do jednego elementu są odrzucane.
Przeglądarka analizuje HTML i CSS. Do tekstu wszystkich elementów style dołączany jest dodatkowy CSS. Reguły z tym samym selektorem są gromadzone w kolejności źródłowej. Oryginalne deklaracje liniowe zachowują swój priorytet liniowy z uwzględnieniem !important. Wynik zawsze jest pełnym dokumentem z doctype, także przy zachowaniu znaczników style.
Konwertowane są tylko niezagnieżdżone reguły stylów. Gdy różne teksty selektorów pasują do tego samego elementu, konwersja kończy się błędem zamiast zgadywać specyficzność. Reguły @ i reguły z zagnieżdżonym CSS nie są rozwijane. Pseudoelementy, style obliczone i zewnętrzne arkusze nie są konwertowane. Przeglądarka może odrzucić nieprawidłowy CSS i znormalizować HTML.
Każdy edytor przyjmuje do 500000 jednostek kodowych UTF-16. Zebrane teksty reguł, separatory i oryginalny tekst stylów liniowych wszystkich pasujących elementów mają limit 4000000 jednostek kodowych UTF-16; taki sam limit dotyczy wyniku serializacji. Przy przekroczeniu zmniejsz liczbę elementów HTML lub deklaracji CSS. Limity nie gwarantują wydajności dla dowolnych danych.
Konwersja lokalnie używa wklejonego CSS; zewnętrzne arkusze nie są pobierane. Wynik to tekst, nie podgląd, pobieranie ani oczyszczanie HTML. Skrypty i niebezpieczny kod nie są usuwane. Sprawdź kod przed użyciem i przetestuj w docelowej przeglądarce lub kliencie poczty; identyczny wygląd nie jest gwarantowany.
<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>Przetwarzanie odbywa się lokalnie w przeglądarce.