DOM-Style-Property
backgroundColorelement.style.backgroundColor = valueCSS Property to camelCase Converter
Wandle CSS-Eigenschaften mit Bindestrichen in die JavaScript-Namen für DOM-Style-Objekte und React um. Vendor Prefixes, float und Custom Properties werden nach CSS-spezifischen Regeln behandelt.
React-Style-Key
backgroundColorstyle={{ backgroundColor: value }}Normale CSS-Namen mit Bindestrichen verwenden in DOM-Style-Objekten und React denselben camelCase-Namen.
Die Umwandlung läuft lokal in deinem Browser.
CSS-spezifische Umwandlungsregeln
Der Converter folgt den Namensregeln von CSSOM und React-Style-Objekten und behandelt CSS nicht wie gewöhnliches kebab-case.
- Standardnamen wie background-color werden zu backgroundColor.
- Custom Properties wie --brand-color bleiben unverändert und werden nicht zu brandColor.
- float wird im DOM als cssFloat angesprochen, in React als float.
- Vendor Prefixes verwenden plattformspezifische Schreibweisen wie webkitLineClamp im DOM und WebkitLineClamp in React.
Stylesheet-Namen für element.style-Zugriffe und CSSStyleProperties in JavaScript übersetzen.
Property-Namen für React Inline Styles vorbereiten, ohne CSS Custom Properties versehentlich umzubenennen.