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.4 KiB

id title layout permalink prev next
style-props-value-px-ru-RU Краткая форма значений в пикселях для атрибута style tips tips/style-props-value-px-ru-RU.html maximum-number-of-jsx-root-nodes-ru-RU.html children-props-type.html

React автоматически добавляет "px" для значений, которые указаны в числовом виде и находятся внутри встроенного стиля атрибута style, например:

var divStyle = {height: 10}; // получится "height:10px"
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);

Подробная информация о встроенных стилях.

Иногда бывает нужно указать значение без единицы измерения. Для этих свойств "px" не добавляется автоматически:

  • animationIterationCount
  • boxFlex
  • boxFlexGroup
  • boxOrdinalGroup
  • columnCount
  • fillOpacity
  • flex
  • flexGrow
  • flexPositive
  • flexShrink
  • flexNegative
  • flexOrder
  • fontWeight
  • lineClamp
  • lineHeight
  • opacity
  • order
  • orphans
  • stopOpacity
  • strokeDashoffset
  • strokeOpacity
  • strokeWidth
  • tabSize
  • widows
  • zIndex
  • zoom