CSS in JavaScript
CSS-Klasse in JavaScript setzen und entfernen
-
Liste der JavaScript Schreibweisen
Diese Tabelle enthält die JavaScript-Angabe, wie Sie sie in JavaScript das CSS-Style-Objekt notieren müssen.
document.getElementById("xx").style.backgroundColor="#000000";
| JavaScript-Angabe | Beschreibung |
|---|---|
| background | Hintergrundbild |
| backgroundAttachment | Wasserzeichen-Effekt |
| backgroundColor | Hintergrundfarbe |
| backgroundImage | Hintergrundbild |
| backgroundPosition | Position des Hintergrundbilds |
| backgroundRepeat | Wallpaper-Effekt |
| border | Rahmen |
| borderBottom | Rahmen unten |
| borderBottomColor | Rahmenfarbe unten |
| borderBottomStyle | Rahmenart unten |
| borderBottomWidth | Rahmendicke unten |
| borderColor | Rahmenfarbe |
| borderLeft | Rahmen links |
| borderLeftColor | Rahmenfarbe links |
| borderLeftStyle | Rahmenart links |
| borderLeftWidth | Rahmendicke links |
| borderRight | Rahmen rechts |
| borderRightColor | Rahmenfarbe rechts |
| borderRightStyle | Rahmenart rechts |
| borderRightWidth | Rahmendicke rechts |
| borderStyle | Rahmenart |
| borderTop | Rahmen oben |
| borderTopColor | Rahmenfarbe oben |
| borderTopStyle | Rahmenart oben |
| borderTopWidth | Rahmendicke oben |
| borderWidth | Rahmendicke |
| bottom | Position von unten |
| captionSide | Tabellenbeschriftung |
| clear | Fortsetzung bei Textumfluss |
| clip | Anzeigebereich eingrenzen |
| color | Textfarbe |
| cursor | Mauszeiger |
| direction | Schreibrichtung |
| display | Sichtbarkeit (ohne Platzhalter) |
| emptyCells | Darstellung leerer Tabellenzellen |
| cssFloat | Textumfluss |
| font | Schrift |
| fontFamily | Schriftart |
| fontSize | Schriftgröße |
| fontStretch | Schriftlaufweite |
| fontStyle | Schriftstil |
| fontVariant | Schriftvariante |
| fontWeight | Schriftgewicht |
| height | Höhe eines Elements |
| left | Position von links |
| letterSpacing | Zeichenabstand |
| lineHeight | Zeilenhöhe |
| listStyle | Listendarstellung |
| listStyleImage | Grafik für Aufzählungslisten |
| listStylePosition | Listeneinrückung |
| listStyleType | Darstellungstyp der Liste |
| margin | Abstand/Rand |
| marginBottom | Abstand/Rand unten |
| marginLeft | Abstand/Rand links |
| marginRight | Abstand/Rand rechts |
| marginTop | Abstand/Rand oben |
| maxHeight | Maximalhöhe |
| maxWidth | Maximalbreite |
| minHeight | Mindesthöhe |
| minWidth | Mindestbreite |
| overflow | übergroßer Inhalt |
| padding | Innenabstand |
| paddingBottom | Innenabstand unten |
| paddingLeft | Innenabstand links |
| paddingRight | Innenabstand rechts |
| paddingTop | Innenabstand oben |
| pageBreakAfter | Seitenumbruch danach |
| pageBreakBefore | Seitenumbruch davor |
| position | Positionsart |
| right | Position von rechts |
| tableLayout | Tabellentyp |
| textAlign | Ausrichtung |
| textDecoration | Textdekoration |
| textIndent | Texteinrückung |
| textTransform | Text-Transformation |
| top | Position von oben |
| verticalAlign | vertikale Ausrichtung |
| visibility | Sichtbarkeit (mit Platzhalter) |
| width | Breite eines Elements |
| wordSpacing | Wortabstand |
| zIndex | Schichtposition bei Überlappung |