You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.1 KiB
1.1 KiB
| id | title | layout | permalink | prev | next |
|---|---|---|---|---|---|
| style-props-value-px | Shorthand for Specifying Pixel Values in style props | tips | style-props-value-px.html | maximum-number-of-jsx-root-nodes.html | children-props-type.html |
When specifying a pixel value for your inline style prop, React automatically appends the string "px" for you after your number value, so this works:
var divStyle = {height: 10}; // rendered as "height:10px"
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
See Inline Styles for more info.
Sometimes you do want to keep the CSS properties unitless. Here's a list of properties that won't get the automatic "px" suffix:
animationIterationCountboxFlexboxFlexGroupboxOrdinalGroupcolumnCountfillOpacityflexflexGrowflexPositiveflexShrinkflexNegativeflexOrderfontWeightlineClamplineHeightopacityorderorphansstopOpacitystrokeDashoffsetstrokeOpacitystrokeWidthtabSizewidowszIndexzoom