Web: how CSS style properties convert to scripting language identifier symbol

xiaoxiao2021-03-06  52

How to convert the CSS style attribute to a scripting language identifier symbol

------ Excerpt from MSDN

Special Considances

You might have noticed that many CSS properties have a dash in their name (such as background-color). The dash, as you may know, is not a valid character for identifiers in most scripting languages. To get around this little problem, continue to use the dashed name when specifying the CSS attribute in HTML or in a style sheet, but when accessing the attribute as a script property, remove the dash, and capitalize the next letter For example.:

Background-Color Becomes BackgroundColor

Border-Left Becomes Borderleft

Margin-bottom Becomes Marginbottom

The CSS attribute names specified in the HTML or style sheet are listed in the CSS Attributes section of the SDK. The corresponding scriptable properties are listed as properties of the style object in the Objects section of the SDK.

Also notice that while any CSS property can be set at any time, the current settings on the STYLE element will only reflect its inline styles, and not any inherited styles that are defined in a global style sheet with a STYLE or LINK tag. The following EXAMPLE Shows What Happens When A Style is defined Both Global and inline.