{"body":"","parents":["5f296768a52cc7ea9e1304f1e913e2f0a98bde1b"],"patch":"diff --git a\/docs\/cookbook\/cb-02-inline-styles.md b\/docs\/cookbook\/cb-02-inline-styles.md\nindex 3fd779658d..6f4f8264a5 100644\n--- a\/docs\/cookbook\/cb-02-inline-styles.md\n+++ b\/docs\/cookbook\/cb-02-inline-styles.md\n@@ -6,17 +6,43 @@ permalink: inline-styles.html\n script: \"cookbook\/inline-styles.js\"\n ---\n \n+## Q&A format\n+\n ### Problem\n-You want to apply inline style to an element.\n+You want to put inline style to an element.\n \n ### Solution\n Instead of writing a string, create an object whose key is the camelCased version of the style name, and whose value is the style's value, in string:\n \n-

\n-\t

\n-\t\t

<\/div>\n-\t<\/div>\n-<\/div>\n+```html\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {\n+ color: 'white',\n+ backgroundColor: 'lightblue',\n+ WebkitTransition: 'all' \/\/ note the capital 'W' here\n+};\n+\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+```\n \n ### Discussion\n-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'.\n\\ No newline at end of file\n+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'.\n+\n+## Tips format\n+\n+In React, inline styles are nto 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:\n+\n+```html\n+\/** @jsx React.DOM *\/\n+\n+var divStyle = {\n+ color: 'white',\n+ backgroundColor: 'lightblue',\n+ WebkitTransition: 'all' \/\/ note the capital 'W' here\n+};\n+\n+React.renderComponent(

Hello World!<\/div>, mountNode);\n+```\n+\n+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'.\n","files":[{"path":"docs\/cookbook\/cb-02-inline-styles.md","status":"M"}],"commit":{"authoredAt":"2013-09-27T02:01:01-04:00","authorEmail":"chenglou92@gmail.com","authorName":"Cheng Lou","shortRevision":"dc24bb63d6","subject":"add tip style to style entry","revision":"dc24bb63d6cad6266cc2718bd077ba25f34e1842"}}

dillon1000/react

Files changed