copyCss icon indicating copy to clipboard operation
copyCss copied to clipboard

jQuery plugin to copy all styles (inline, inherited, etc) from one DOM element to another.

jQuery.copyCSS

Quick, simple jQuery extension to retrieve or copy all styles (with optional whitelist and blacklist) from an HTML element.

Tested in Chrome, FireFox, Safari, IE6-9. Thanks to Vincent (link unknown) who tested and provided a fix for Opera.

Usage:

$('#some-element').copyCSS('#another-element');  // copy all styles
$('#some-element').copyCSS('#another-element', ['top', 'left']);  // copy just top and left
$('#some-element').copyCSS('#another-element', null, ['top', 'left']);  // copy everything except top and left

This method can be a resource hog. Try to use the whitelist parameter if possible.