---
id: style-prop-value-px
title: Shorthand for specifying pixel values in style prop
layout: cookbook
permalink: style-prop-value-px.html
prev: jsx-root-node-count.html
next: children-prop-type.html
---

### Problem
It's tedious to specify an inline `style` value by appending your number value with the string "px" each time.

### Solution
React automatically appends the string "px" for you after your number, so this works:

```js
/** @jsx React.DOM */

var divStyle = {height: 10}; // rendered as "height:10px"
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode);
```

### Discussion
See [Inline Styles](/react/docs/cookbook/inline-styles.html) 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:

- fillOpacity
- fontWeight
- lineHeight
- opacity
- orphans
- zIndex
- zoom