Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== CSS - DIV - Inherit all css properties from parent div to child div ======

<code css>
#parent, #parent > div {
  /* your properties */
}
</code>

----

===== Dynamically inherit all CSS properties given to the parent at runtime =====

<code css>
#child {
  all: inherit;
}
</code>

----

===== Using JQuery =====

Method to copy all styles (inherited, native, descended, inline, etc) from the @param source element, to the invoking element:

<code jquery>
$.fn.copyCSS = function (source) {
    var dom = $(source).get(0);
    var dest = {};
    var style, prop;
    if (window.getComputedStyle) {
        var camelize = function (a, b) {
                return b.toUpperCase();
        };
        if (style = window.getComputedStyle(dom, null)) {
            var camel, val;
            if (style.length) {
                for (var i = 0, l = style.length; i < l; i++) {
                    prop = style[i];
                    camel = prop.replace(/\-([a-z])/, camelize);
                    val = style.getPropertyValue(prop);
                    dest[camel] = val;
                }
            } else {
                for (prop in style) {
                    camel = prop.replace(/\-([a-z])/, camelize);
                    val = style.getPropertyValue(prop) || style[prop];
                    dest[camel] = val;
                }
            }
            return this.css(dest);
        }
    }
    if (style = dom.currentStyle) {
        for (prop in style) {
            dest[prop] = style[prop];
        }
        return this.css(dest);
    }
    if (style = dom.style) {
        for (prop in style) {
            if (typeof style[prop] != 'function') {
                dest[prop] = style[prop];
            }
        }
    }
    return this.css(dest);
};

</code>

----

===== References =====

http://blog.moagrius.com/javascript/jquery-copy-style-copycss/

https://github.com/moagrius/copycss