By ‘remove’ I mean resetting all the style that may descend on such element and put it to browser defaults.
I need this for debug, I don’t know what rule is causing harm and I thing good approach is to remove all styles and then loose the restriction one by one to check when things start to go wrong.
Have you seen any snippets on the web that would consist of:
{ right: auto !important; left: auto !important; visibility: visible !important;...
and so on through every possible style.
You cannot. There’s the value
initialproposed in CSS3 drafts, but even if it were defined, it would set properties to the initial values defined in CSS specifications, not as defined by browser defaults. For example, the initial value of thedisplayproperty isinline, but surely browsers don’t render everything as inline elements by default.A better approach to your original problem is to use debugging and inspecting tools like Firebug or Web Developer Extension for Firefox. They let you see which styles apply to an element and where they come from.