Konvertieren von CSS Eigenschaftsnamen in javascript
Sie können CSS-Eigenschaft Namen in javascript umwandeln. Allerdings gibt es ein paar Dinge, die Sie sollten daran denken, wenn Sie tun dies planen. Wenn Stile mit javascript zu ändern, gibt es ein paar einfache Regeln:
Wenn die CSS-Eigenschaft ist ein Wort (wie Höhe) Bleibt wie es ist.
Wenn die CSS-Eigenschaft mehr als ein Wort ist, durch Bindestriche getrennt, wird es zu Camelcase umgewandelt.
Hier ist eine komplette Referenz der Eigenschaftsnamen Konvertierungen von CSS javascript.
| CSS Eigenschaft | javascript Referenz |
|---|---|
| Hintergrund | Hintergrund |
| background-attachment | backgroundAttachment |
| Hintergrundfarbe | Hintergrundfarbe |
| Hintergrundbild | Hintergrundbild |
| background-position | backgroundPosition |
| Hintergrund Wiederholung | Hintergrund Wiederholung |
| Rand | Rand |
| border-bottom | borderBottom |
| border-bottom-color | borderBottomColor |
| border-bottom-Stil | borderBottomStyle |
| border-bottom-width | borderBottomWidth |
| Randfarbe | Randfarbe |
| border-left | borderLeft |
| border-left; Farbe | borderLeftColor |
| border-left; Stil | borderLeftStyle |
| border-left; width | borderLeftWidth |
| border-right | Border |
| border-right; Farbe | borderRightColor |
| border-right; Stil | borderRightStyle |
| border-right; width | borderRightWidth |
| border-style | border |
| border-top | borderTop |
| border-top-color | borderTopColor |
| border-top-style | borderTopStyle |
| border-top-width | borderTopWidth |
| Rahmenbreite | Rahmenbreite |
| klar | klar |
| Klammer | Klammer |
| Farbe | Farbe |
| Mauszeiger | Mauszeiger |
| anzeigen | anzeigen |
| Filter | Filter |
| schweben | cssSchweben |
| Schriftart | Schriftart |
| Schriftfamilie | Schriftfamilie |
| Schriftgröße | Schriftgröße |
| font-variant | fontVariant |
| font-weight | fontweight |
| Höhe | Höhe |
| links | links |
| Buchstaben-Abstand | Buchstaben-Abstand |
| Zeilenhöhe | Zeilenhöhe |
| list-style | Liststyle |
| list-style-image | listStyleImage |
| list-style-position | listStylePosition |
| list-style-type | liststyletype |
| Marge | Marge |
| margin-bottom | Margin |
| margin-left | margin |
| margin-right | margin |
| margin-top | MarginTop |
| Überlauf | Überlauf |
| Polsterung | Polsterung |
| padding-bottom | paddingBottom |
| padding-left | paddingLeft |
| padding-right | paddingRight |
| padding-top | paddingTop |
| page-break-after | pageBreakAfter |
| page-break-before | pageBreakBefore |
| Position | Position |
| text-align | align |
| text-decoration | textdecoration |
| text-decoration: blink | textDecorationBlink |
| text-decoration: line-through | textDecorationLineThrough |
| text-decoration: none | textDecorationNone |
| text-decoration: overline | textDecorationOverline |
| text-decoration: underline | textDecorationUnderline |
| Texteinzug | Texteinzug |
| text-trans | texttrans |
| oben | oben |
| vertical-align | vertical |
| Sichtweite | Sichtweite |
| Breite | Breite |
| z-index | zIndex |