DOM style property
backgroundColorelement.style.backgroundColor = valueCSS Property to camelCase Converter
把以連字號表示的 CSS property 轉成 DOM style object 與 React 使用的 JavaScript 名稱。vendor prefix、float 與 custom property 會依 CSS 專用規則處理，而不是單純套用 kebab-case。
React style key
backgroundColorstyle={{ backgroundColor: value }}一般的連字號 CSS property，在 DOM style object 與 React style prop 中通常使用相同的 camelCase 名稱。
轉換只在你的瀏覽器本機執行。
CSS 專用轉換規則
這個工具依照 CSSOM 與 React style object 的命名規則處理，而不是把所有 CSS property 都當成普通 kebab-case。
- background-color 這類標準名稱會轉成 backgroundColor。
- --brand-color 這類 custom property 會保留，不會錯誤轉成 brandColor。
- CSS 的 float 在 DOM style object 中對應 cssFloat，在 React 中使用 float。
- vendor prefix 依平台使用正確大小寫，例如 DOM 的 webkitLineClamp 與 React 的 WebkitLineClamp。
在使用 element.style 或 CSSStyleProperties 時，把 stylesheet property 名稱轉成 JavaScript 名稱。
準備 React inline style 的 property key，同時避免誤改 CSS custom property。