CSS-Attribute des Objekts style |
ausgewählte Style-Attribute | | Erklärung |
background | |
Hintergrund
Aneinanderreihung der Werte für -Attachment, -Color, -Image, -Position, -Repeat, getrennt durch Leerzeichen,
z.B. "black url(droeppez.gif) repeat"
|
backgroundAttachment | |
Anordnung des Hintergrundbildes ["scroll" (rollt mit), "fixed" (festgeklebt)]
|
backgroundColor | |
Hintergrundfarbe (Farbwert
|
backgroundImage | |
Hintergrundbild [uri, "none"]
|
backgroundPosition | |
Hintergrundausrichtung ([Prozentwert, Länge],
["top", "center", "bottom"], ["left", "center", "right"])
|
backgroundRepeat | |
Hintergrundwiederholung ["repeat", "repeat-x", "repeat-y", "no-repeat"]
|
border | |
Rahmen allgemein
Aneinanderreihung der Werte für -Width, -Style, -Color, getrennt durch Leerzeichen,
z.B. "solid 1px black"
|
borderBottom | |
Rahmen unten
Aneinanderreihung der Werte für -Width, -Style, -Color, getrennt durch Leerzeichen,
z.B. "solid 1px black"
|
borderBottomColor | | Rahmenfarbe unten (Farbwert) |
borderBottomStyle | |
Rahmenstil unten (Rahmenstil-Wert)
|
borderBottomWidth | | Rahmenbreite unten (Länge) |
borderCollapse | |
Rahmenmodell für Tabellen ["collapse", "separate"]
|
borderColor | | Rahmenfarbe (Farbwert) |
borderLeft | |
Rahmen links
Aneinanderreihung der Werte für -Width, -Style, -Color, getrennt durch Leerzeichen,
z.B. "solid 1px black"
|
borderLeftColor | | Rahmenfarbe links (Farbwert) |
borderLeftStyle | |
Rahmenstil links (Rahmenstil-Wert)
|
borderLeftWidth | | Rahmenbreite links (Länge) |
borderRight | |
Rahmen rechts
Aneinanderreihung der Werte für -Width, -Style, -Color, getrennt durch Leerzeichen,
z.B. "solid 1px black"
|
borderRightColor | | Rahmenfarbe rechts (Farbwert) |
borderRightStyle | |
Rahmenstil rechts (Rahmenstil-Wert)
|
borderRightWidth | | Rahmenbreite rechts (Länge) |
borderSpacing | | Rahmenabstand (Länge) |
borderStyle | |
Rahmenstil (Rahmenstil-Wert)
|
borderTop | |
Rahmen oben
Aneinanderreihung der Werte für -Width, -Style, -Color, getrennt durch Leerzeichen,
z.B. "solid 1px black"
|
borderTopColor | | Rahmenfarbe oben (Farbwert) |
borderTopStyle | |
Rahmenstil oben (Rahmenstil-Wert)
|
borderTopWidth | | Rahmenbreite oben (Länge) |
borderWidth | | Rahmenbreite (Länge) |
bottom | |
Startposition von unten [Länge, Prozentwert, "auto"],
in Verbindung mit position="absolute"
|
clear | |
Fortsetzung im Textfluß ["none", "left", "right", "both"] (im Zusammenhang mit float)
|
clip | |
Abschneiden der Darstellung, Abstände vom jeweiligen Rand.
rect(oben, rechts, unten, links) (alle Werte vom Typ Länge)
z.B. "rect(0px, 0px, 0px, 0px)" (schneidet genau am Objektrand ab)
z.B. "rect(5px, 5px, 5px, 5px)" (schneidet 5 Pixel an jeder Seite ab)
|
color | | Vordergrundfarbe (Farbwert) |
cssText | | komplettes CSS-Attribut |
cursor | |
Cursor-Stil [uri, "auto", "crosshair", "default", "pointer",
"move", "e-resize", "ne-resize", "nw-resize", "n-resize", "se-resize",
"sw-resize", "s-resize", "w-resize", "text", "wait", "help"]
|
direction | |
Darstellungsrichtung ["ltr" (von links nach rechts), "rtl" (von rechts nach links)]
|
display | |
Anzeigeart ["inline", "block", "list-item", "run-in", "compact",
"marker", "table", "inline-table", "table-row-group", "table-header-group",
"table-footer-group", "table-row", "table-column-group", "table-column",
"table-cell", "table-caption", "none"]
|
float | |
Anordnung des Elements im umfließenden Text
["left", "right", "none"]
|
font | |
Schrift allgemein
Aneinanderreihung der Werte für -Family, -Style, -Variant, -Weight, -Stretch, -Size, getrennt durch Leerzeichen,
z.B. "helvetica, sans-serif, x-large, italic"
|
fontFamily | |
Schriftart (Schriftname wie "Helvetica", "Arial", "Times New Roman", "Courier New")
und genereller Schriftbezeichner ["serif", "sans-serif", "cursive", "fantasy", "monospace"]
z.B. "helvetica, sans-serif", "courier, monospace"
|
fontSize | |
Schriftgröße
[["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large"],
["smaller", "larger"], Länge, Prozentwert]
|
fontSizeAdjust | |
Größenfaktor (Zahl),
z.B. "0.62"
|
fontStretch | |
Schriftdehnung
["wider", "narrower",
"ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
"normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded"]
|
fontStyle | |
Schriftstil ["normal", "italic", "oblique"]
|
fontVariant | |
Schriftvariante ["normale", "small-caps"]
|
fontWeight | |
Schriftdicke ["normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900"],
"400" entspricht "normal",
"700" entspricht "bold",
"900" entspricht "bolder",
"100" entspricht "lighter"
|
height | | Höhe [Länge, Prozentwert, "auto"] |
left | |
Startposition von links [Länge, Prozentwert, "auto"],
in Verbindung mit position="absolute"
|
letterSpacing | |
Zeichenabstand (Länge)
|
lineHeight | |
Zeilenhöhe ["normal", Länge, Prozentwert, Zahl]
Länge: absolute Zeilenhöhe
Prozentwert: bezogen auf Grundwert
Zahl: Faktor, bezogen auf Grundwert
|
listStyle | |
Listendarstellung
Aneinanderreihung der Werte für -Image, -Position, -Type, getrennt durch Leerzeichen,
z.B. "url(droeppez.gif) inside circle"
|
listStyleImage | |
Bild in Listendarstellung [uri, "none"]
|
listStylePosition | |
Einrückung in Listen ["inside", "outside"]
|
listStyleType | |
Darstellungsart in Listen
["disc", "circle", "square", "decimal", "decimal-leading-zero",
"lower-roman", "upper-roman", "lower-greek", "lower-alpha",
"lower-latin", "upper-alpha", "upper-latin", "hebrew",
"armenian", "georgian", "cjk-ideographic", "hiragana",
"katagana", "hiragana-iroha", "katagana-iroha", "none"]
|
margin | |
äußerer Randabstand [Länge, Prozentwert, "auto"]
|
marginBottom | |
äußerer Randabstand unten [Länge, Prozentwert, "auto"]
|
marginLeft | |
äußerer Randabstand links [Länge, Prozentwert, "auto"]
|
marginRight | |
äußerer Randabstand rechts [Länge, Prozentwert, "auto"]
|
marginTop | |
äußerer Randabstand oben [Länge, Prozentwert, "auto"]
|
maxHeight | |
maximale Höhe [Länge, Prozentwert, "none"]
|
maxWidth | |
maximale Breite [Länge, Prozentwert, "none"]
|
minHeight | |
minimale Höhe [Länge, Prozentwert, "none"]
|
minWidth | |
minimale Breite [Länge, Prozentwert, "none"]
|
overflow | |
Handhabung von übergroßem Inhalt ["visible", "hidden", "scroll", "auto"]
|
padding | |
innerer Randabstand [Länge, Prozentwert]
|
paddingBottom | |
innerer Randabstand unten innerer Randabstand [Länge, Prozentwert]
|
paddingLeft | |
innerer Randabstand links innerer Randabstand [Länge, Prozentwert]
|
paddingRight | |
innerer Randabstand rechts innerer Randabstand [Länge, Prozentwert]
|
paddingTop | |
innerer Randabstand oben innerer Randabstand [Länge, Prozentwert]
|
position | | Ausrichtung ["absolute", "relative", "fixed"] |
right | |
Startposition von rechts [Länge, Prozentwert, "auto"],
in Verbindung mit position="absolute"
|
tableLayout | |
Tabellen-Layout ["fixed", "auto"]
|
textAlign | |
Textausrichtung ["left", "right", "center", "justify"]
|
textDecoration | |
Text-Dekoration ("underline", "overline", "line-trough", "blink") oder Kombinationen daraus
|
textIndent | |
Text-Einrückung [Länge, Prozentwert]
|
textShadow | |
Textschattierung (Farbwert, Länge Länge (Länge))
z.B. "black 3px 3px 5px" (schwarzer Schatten, 3px rechts und 3px unterhalb der Schrift, auf 5px auslaufend)
oder "#888888 3px 3px 5px, #dddddd -3px -3px 2px" (breiter grauer Schatten rechts unterhalb plus schmalerer hellgrauer Schatten links oberhalb)
|
textTransform | |
Textumwandlung ["capitalize", "uppercase", "lowercase", "none"]
|
top | |
Startposition von oben [Länge, Prozentwert, "auto"],
in Verbindung mit position="absolute"
|
unicodeBidi | | style-Zeile |
verticalAlign | | vertikale Ausrichtung ["bottom", "top", "center"] |
visibility | | Sichtbarkeit ["show", "hide"] |
whiteSpace | |
Umbruch bei Leerzeichen ["normal", "pre", "nowrap"] |
width | |
Breite [Länge, Prozentwert, "auto"]
|
wordSpacing | | Wortabstand (Länge) |
zIndex | |
Darstellungsschicht [ganze Zahl, "auto"]
(Elemente mit höherem zIndex verdecken solche mit niedrigerem zIndex)
|
|