Juice CSS Inliner

Options

• applyStyleTags - whether to inline styles in <style></style>
• removeStyleTags - whether to remove the original <style></style> tags after (possibly) inlining the css from them.
• preserveMediaQueries - preserves all media queries (and contained styles) within <style></style> tags as a refinement when removeStyleTags is true. Other styles are removed.
• preserveFontFaces - preserves all @font-face within <style></style> tags as a refinement when removeStyleTags is true. Other styles are removed.
• applyWidthAttributes - whether to use any CSS pixel widths to create width attributes on elements set in juice.widthElements.
• applyHeightAttributes - whether to use any CSS pixel heights to create height attributes on elements set in juice.heightElements.
• applyAttributesTableElements - whether to create attributes for styles in juice.styleToAttribute on elements set in juice.tableElements.
• inlinePseudoElements - Whether to insert pseudo elements (::before and ::after) as <span> into the DOM. Note: Inserting pseudo elements will modify the DOM and may conflict with CSS selectors elsewhere on the page (e.g., :last-child).
• xmlMode - whether to output XML/XHTML with all tags closed. Note that the input must also be valid XML/XHTML or you will get undesirable results.
• preserveImportant - preserves !important in values.

Input

Output