Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Well, there is a soultion for a similiar problem offered by <a href="https://stackoverflow.com/users/109826/keith-bentrup">Keith Bentrup</a>: <a href="https://stackoverflow.com/questions/1004475">jQuery CSS plugin that returns computed style of element to pseudo clone that element?</a></p> <p>He used a list of attributes from Firebug and created a computed style object with jQuery to be able to clone styles from one object to another:</p> <pre><code>jQuery.fn.css2 = jQuery.fn.css; jQuery.fn.css = function() { if (arguments.length) return jQuery.fn.css2.apply(this, arguments); var attr = ['font-family','font-size','font-weight','font-style','color', 'text-transform','text-decoration','letter-spacing','word-spacing', 'line-height','text-align','vertical-align','direction','background-color', 'background-image','background-repeat','background-position', 'background-attachment','opacity','width','height','top','right','bottom', 'left','margin-top','margin-right','margin-bottom','margin-left', 'padding-top','padding-right','padding-bottom','padding-left', 'border-top-width','border-right-width','border-bottom-width', 'border-left-width','border-top-color','border-right-color', 'border-bottom-color','border-left-color','border-top-style', 'border-right-style','border-bottom-style','border-left-style','position', 'display','visibility','z-index','overflow-x','overflow-y','white-space', 'clip','float','clear','cursor','list-style-image','list-style-position', 'list-style-type','marker-offset']; var len = attr.length, obj = {}; for (var i = 0; i &lt; len; i++) obj[attr[i]] = jQuery.fn.css2.call(this, attr[i]); return obj; } </code></pre> <p>This seems to do exactly what you are looking for.</p> <p>There are also a couple of plugins for that:</p> <ol> <li><a href="http://github.com/peol/jquery-computed-style" rel="nofollow noreferrer">http://github.com/peol/jquery-computed-style</a></li> <li><a href="http://www.jupiterit.com/news/get-multiple-computed-styles-fast-with-the-curstyles-jquery-plugin" rel="nofollow noreferrer">http://www.jupiterit.com/news/get-multiple-computed-styles-fast-with-the-curstyles-jquery-plugin</a></li> </ol>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload