Viele CSS-Stileigenschaften enthalten Bindestriche im Namen, die in JavaScript als Minuszeichen interpretiert werden.
Daher unterscheiden sich die Eigenschaftsnamen von CSS2Properties-Objekten etwas von den echten CSS-Eigenschaftsnamen.
Wenn ein CSS-Eigenschaftsname einen oder mehrere Bindestriche enthält, müssen die Bindestriche in JS entfernt und die Originalbuchstaben unmittelbar nach den Bindestrichen in Großbuchstaben geändert werden.
Es ist zu beachten, dass float ein Schlüsselwort in JS ist, daher wird float in JS als cssFloat oder floatStyle geschrieben.
Das Folgende ist eine Vergleichstabelle zwischen CSS-Eigenschaften und CSS-Codierung in JavaScript:
Box-Label- und Attributvergleich:
Code
CSS-Syntax (Groß-/Kleinschreibung wird nicht beachtet) JavaScript-Syntax (Groß-/Kleinschreibung wird beachtet)
Grenzgrenze
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
klar klar
float floatStyle(ie) cssFloat(FF)
Marge Marge
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
Polsterung
Polsterung unten PolsterungBottom
padding-left paddingLeft
padding-right paddingRight
Polsterung oben PolsterungTop
Farb- und Hintergrundbeschriftungs- und Attributvergleich:
Code
CSS-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung) JavaScript-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung)
Hintergrundhintergrund
Hintergrund-Anhang Hintergrund-Anhang
Hintergrundfarbe Hintergrundfarbe
Hintergrundbild backgroundImage
Hintergrundposition Hintergrundposition
Hintergrundwiederholung Hintergrundwiederholung
Farbe Farbe
Stil-Tag- und Attributvergleich:
Code
CSS-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung) JavaScript-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung)
Anzeige anzeigen
Listenstiltyp listStyleType
list-style-image listStyleImage
Listenstilposition listStylePosition
Listenstil listStyle
Leerraum WhiteSpace
Textstilbeschriftung und Attributvergleich:
Code
CSS-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung) JavaScript-Syntax (ohne Berücksichtigung der Groß-/Kleinschreibung)
Schriftart
Schriftartenfamilie Schriftartenfamilie
Schriftgröße Schriftgröße
Schriftart-Schriftart-Schriftstil
Schriftartvariante Schriftartvariante
Schriftstärke FontWeight
Textbeschriftungs- und Attributvergleich:
Code
CSS-Syntax (Groß-/Kleinschreibung wird nicht beachtet) JavaScript-Syntax (Groß-/Kleinschreibung wird beachtet)
Buchstabenabstand Buchstabenabstand
Zeilenumbruch Zeilenumbruch
Zeilenhöhe lineHeight
Textausrichtung textAlign
Textdekoration TextDekoration
Texteinzug textIndent
Textausrichtung textJustify
Texttransformation textTransform
Vertical-Align VerticalAlign