Die Liste ist keineswegs erschöpfend, eine gute und aktuelle Quelle ist de.selfhtml.org

Beschreibung

Tags

Schlüsselwort

Werte

Schriftart

<p><h1...6>
<li><td>
<body>

font-family:

'Arial','Helvetica','Tahoma','Verdana'

serif = eine Schriftart mit Serifen,
sans-serif = eine Schriftart ohne Serifen,
cursive = eine Schriftart für Schreibschrift,
fantasy = eine Schriftart für ungewöhnliche Schrift,
monospace = eine Schriftart mit dicktengleichen Zeichen.

Schriftstil


font-style:

normal,italic

Schriftvariante


font-variant:

small-caps,normal

Schriftgröße


font-size:

Pt
Prozentwerte beziehen sich auf die Schriftgröße des Elternelements

xx-small = winzig
x-small = sehr klein
small = klein
medium = mittel
large = groß
x-large = sehr groß
xx-large = riesig
smaller = sichtbar kleiner als normal.
larger = sichtbar größer als normal

Schriftgewicht


font-weight:

normal,bold,bolder,lighter100,200,300,400,500,600,700,800,900
(500 im DTP-Bereich medium, 700 bold)

Farbe


color:

#xxxxxx

Zeichenabstand


letter-spacing:

pt

Wortabstand


word-spacing:

pt

Textdekoration


text-decoration:

underline = unterstrichen
overline = überstrichen
line-through = durchgestrichen
blink = blinkend (nur Netscape)
none = normal

Texttransformation


text-transform:

capitalize = Wortanfänge als Großbuchstaben
uppercase = Nur Großbuchstaben
lowercase = Nur Kleinbuchstaben
none = normal

Schriftlaufweite


font-stretch:

wider = weiter als normal
narrower = enger als normal
condensed = gedrängt
semi-condensed = halb gedrängt
extra-condensed = stark gedrängt
ultra-condensed = extrastark gedrängt
expanded = geweitet
semi-expanded = halb geweitet
extra-expanded = stark geweitet
ultra-expanded = extrastark geweitet
normal = normale Laufweite

Rahmen


border:Wert; /* alle Seiten */
border-top:Wert; /* nur oben */
border-bottom:Wert; /* nur unten */
border-left:Wert; /* nur links */
border-right:Wert; /* nur rechts */

 

Rahmendicke


border-width:
border-top-width:
border-bottom-width:
border-left-width:
border-right-width:

px, cm

Rahmenfarbe


border-color:
border-top-color:/
border-bottom-color:
border-left-color:
border-right-color:

#xxxxxx

Rahmentyp


border-style:
border-top-style:
border-bottom-style:
border-left-style:
border-right-style:

none, hidden = kein Rahmen (bzw. unsichtbarer Rahmen)
dotted = gepunktet
dashed = gestrichelt
solid = durchgezogen
double = doppelt durchgezogen
groove, ridge, inset, outset = 3D-Effekte

Hintergrund


background-color:

#xxxxxx

Hintergrundbild


Background-image:
background-repeat:

url
repeat = wiederholen (Voreinstellung)
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen



background-attachment:

scroll = mitscrollen
fixed = stehend



background-position:,

Px pxp
top = vertikal obenbündig.
center = horizontal zentriert.
middle = vertikal mittig.
bottom = vertikal untenbündig.
left = horizontal linksbündig.
right = horizontal rechtsbündig.

Links

 <a>

a:link = für Verweise zu noch nicht besuchten Seiten
a:visited = für Verweise zu bereits besuchten Seiten
a:hover = für Verweise, während der Anwender mit der Maus darüber fährt
a:active = für gerade angeklickte Verweise
a:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste

Schriftformate

Absätze

<p>

p:first-line = die erste Textzeile des Elements erhält die CSS-Eigenschaften
p:first-letter = der erste Buchstabe des Textes erhält die CSS-Eigenschaften
p:first-child = das erste Kindelement des Elements erhält die CSS-Eigenschaften


Zeilenhöhe


line-height:

cm

Texteinrückung


text-indent:

cm

horizontale Ausrichtung


text-align:

left,center,right,justify

Abstand unten

<p><h1...6>
<li><td>
<body><img>

margin-bottom:

px, cm

Abstand oben


margin-top:

px, cm

Abstand links


margin-left:

px, cm

Abstand rechts


margin-right:

px, cm

Listen

<li>

list-style-type:

Decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, hebrew, decimal-leading-zero, cjk-ideographic,
disc, circle, square, none

Einzug


list-style-position:

Inside, outside

Bilder


list-style-image:url(URI);

Url

© [ netznutzerin ] [ Start ]