CSS Inline | High-performance CSS inlining

High-performance library for inlining CSS into HTML 'style' attributes

css-inline uses components from Mozilla's Servo project and provides bindings for Rust, Python, Ruby, JavaScript, Java, and C. The playground runs the library compiled to WebAssembly in the browser. Paste HTML with CSS into the text area and click "Inline" to process the output.

Input HTML

Paste HTML with CSS and adjust the settings on the right before inlining.

Runs in your browser

Configuration

Toggle common css-inline options before running the inliner.

Inline style tags Extract CSS from style tags and apply it to elements. Keep style tags Preserve original style tags after inlining. Keep link tags Retain external link tags in the output. Keep media/@rules Preserve media queries and other at-rules. Minify CSS Remove redundant whitespace inside generated inline styles.

Extra CSS Inject additional CSS rules before inlining.

These options apply the next time you press Inline.