sytleプロパティのピクセル値指定の略記

インラインのstyleプロパティのピクセル値を指定する際、 Reactは自動的にあなたが指定した数値の後ろに"px"文字列を追加します。 下記はその例になります。

var divStyle = {height: 10}; // "height:10px"として描画
React.render(<div style={divStyle}>Hello World!</div>, mountNode);

詳細については、インラインのstyleを参照して下さい。

時には、CSSプロパティに単位を付けないまま保持したいことがあるでしょう。 下記のリストは自動的に"px"接尾辞を付けないプロパティの一覧になります。

  • boxFlex
  • boxFlexGroup
  • columnCount
  • fillOpacity
  • flex
  • flexGrow
  • flexPositive
  • flexShrink
  • flexNegative
  • fontWeight
  • lineClamp
  • lineHeight
  • opacity
  • order
  • orphans
  • strokeOpacity
  • widows
  • zIndex
  • zoom

 Back to top

© 2013-2017 Facebook Inc.
Documentation licensed under CC BY 4.0.

このページは、ページトップのリンク先のReact内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • ドキュメントの情報が古い可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。