I have two questions:
1. Can "inherit" or "auto" be used for an animated property,
If yes then, Does "style" inheritance occurs from the loaded DOM or the live DOM
2. For style properties which have Initial="auto" and inherited="true". Does it mean that
the default value is inherited from the parent element
Thanks in advance

TIMING :Using "inherit" for an animated property and more
mflexer
Haim Cohen
Yes, if the spec says you can use "inherit" or "auto" and it is animatable then you can set it to that value.
Style inheritence is from the current "live" value.
Fergnab
Chapter 7.5.2.4.3.2 and the tables 7.5.2.4.3.2-1 - 7.5.2.4.3.2.-4 have information on values which are returned by AnimatedProperty API in such cases.
Based on that table the "auto" string value can be returned only by style:breakBefore, style:breakAfter, style:display, style:displayAlign, style:suppressAtLineBreak.
Most of the other properties should return "the normalized string of length".
That information was added in supplemental #1.