Small cleanup to style tips
Paul O’Shannessy committed
Nov 12, 2013 at 11:12 UTC
7c1cf0a2dce91dc89faeaf7733751fbf15e201be
1 file changed
+2
-2
docs/tips/02-inline-styles.md
+2
-2
@@ -7,7 +7,7 @@ next: if-else-in-JSX.html
7
prev: introduction.html
8
---
9
10
-In React, inline styles are not specified as a string, but as an object whose key is the camelCased version of the style name, and whose value is the style's value in string:
10
+In React, inline styles are not specified as a string. Instead they are specified with an object whose key is the camelCased version of the style name, and whose value is the style's value, usually a string ([more on that later](/react/tips/style-props-value-px.html)):
11
12
```js
13
/** @jsx React.DOM */
@@ -21,4 +21,4 @@ var divStyle = {
21
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode);
22
```
23
24
-Style keys are camelCased in order to be consistent with accessing the properties using node.style.___ in DOM. This also explains why WebkitTransition has an uppercase "W".
24
+Style keys are camelCased in order to be consistent with accessing the properties on DOM nodes from JS (e.g. `node.style.backgroundImage`). Vendor prefixes should begin with a capital letter. This is why `WebkitTransition` has an uppercase "W".