Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Das Attribut style hat mehrere Eigenschaften mit zugehörigen Wertebereichen. Jede Eigenschaft hat einen Wertebereich, aus dem jeweils ein gültiger Wert ausgewählt werden muss.
Eigenschaften werden von ihren Werten durch ":" getrennt.
Eigenschaften werden voneinander durch ";" getrennt.
Alle Eigenschaften werden in "" eingeschlossen.
In Ausnahmefällen können für eine Eigenschaft auch mehrere Werte gewählt werden, die durch ein Leerzeichen voneinander getrennt werden.
Syntax: style="Eigenschaftsname1: Wert1; Eigenschaftsname2: Wert2; ..."

Eigenschaft

Wertebereich

Erklärung

Einschränkung
auf Elemente

font-style


Schriftstil



Italic
normal

Schriftstil kursiv
normaler Schriftstil


font-size


Schriftgröße



xx-small
x-small
small
medium
large
x-large
xx-large
smaller

nnpt

entspricht 3pt
entspricht 4.5pt
entspricht 6.5pt
entspricht 10pt
entspricht 15pt
entspricht 22pt
entspricht 34pt
(„sichtbar kleiner als normal“)
nn = Schriftgröße in Punkten
(Typografische Maßeinheit. 1 Punkt entspricht 1/72 Inch) 
Als Schriftgröße sind nur die Werte 3, 4.5, 6.5, 8, 9, 10, 11, 12, 14, 15, 16, 18, 20, 22, 24, 28, 34, 36, 48 möglich.


textWidth

nnUU

Textbreite
nn = Zahl (Absolutwert)
UU = Einheit, einer der folgenden Werte: cm, mm, in, pt, pc, px


font-weight


Schriftgewicht



bold
normal

Fett


text-decoration


Textdekoration



Line-through
Overline
underline
none

Durchgestrichen
Überstrichen
Unterstrichen
Normal


Color


Textfarbe



aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
purple
red
silver
teal
white
yellow
#rrggbb




rgb(r,g,b)

Cyan
Schwarz
Blau
Magenta
Grau
Green
Hellgrün
Braun
Dunkelblau
Olivgrün
Violett
Rot
Silber
Blaugrün
Weiß
Gelb
Hexadezimalwert
rr=rot
gg=grün
bb=blauWert.
Beispiel: #FF0000 (->"rot")
RGB-Anteile (0...255)


Background


Hintergrundfarbe



wie bei color



vertical-align


Vertikale Ausrichtung



top
middle
bottom
sub
super

obenbündig ausrichten
mittig ausrichten
untenbündig ausrichten
tieferstellen (ohne die Schriftgröße zu reduzieren)
höherstellen (ohne die Schriftgröße zu reduzieren)


text-align


Horizontale Ausrichtung



left
center
right
justify

linksbündig ausrichten (Voreinstellung)
zentriert ausrichten
rechtsbündig ausrichten
als Blocksatz ausrichten


font-family

keine Einschränkung

Fontfamilie


Width


Breite

<table>, <td>, <th>, <img>


nn
nn%

Zahl (absoluter Wert in Pixel)
Zahl (relative Breite bezogen auf Vater-Element)
+ Wertebereich von font-size (siehe Eigenschaft font-size)


margin-top


Rand oben

<p>, <div>


nnUU

nn = Zahl (Absolutwert)
UU = Einheit, einer der folgenden Werte: cm, mm, in, pt, pc, px, % (Prozent bezogen auf Vater- Element)


margin-right


Rand oben

<p>, <div>


nnUU

nn = Zahl (Absolutwert)
UU = Einheit, einer der folgenden Werte: cm, mm, in, pt, pc, px, % (Prozent bezogen auf Vater- Element)


margin-bottom


Rand oben

<p>, <div>


nnUU

nn = Zahl (Absolutwert)
UU = Einheit, einer der folgenden Werte: cm, mm, in, pt, pc, px, % (Prozent bezogen auf Vater- Element)


margin-left


Rand oben

<p>, <div>


nnUU

nn = Zahl (Absolutwert)
UU = Einheit, einer der folgenden Werte: cm, mm, in, pt, pc, px, % (Prozent bezogen auf Vater- Element)


list-style


ListenStil

<ul>, <ol>






disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
inside
outside

Diskus
Kreis
Quadrat
numerisch
Römisch klein
Römisch groß
alphanumerisch klein
alphanumerisch groß
innerhalb
außerhalb


Border



<p>, <div>, <table>, <td>, <th>


nn

nn = Zahl (in Pixel)


border-top



<p>, <div>, <table>, <td>, <th>


nn

nn = Zahl (in Pixel)


border-left



<p>, <div>, <table>, <td>, <th>


nn

nn = Zahl (in Pixel)


border-bottom



<p>, <div>, <table>, <td>, <th>


nn

nn = Zahl (in Pixel)


border-right



<p>, <div>, <table>, <td>, <th>


nn

nn = Zahl (in Pixel)


border-style



<p>, <div>, <table>


none
dotted
dashed
solid
double



border-color



<p>, <div>, <table>


wie color



align


Horizontale Ausrichtung

table>, <tr>, <td>, <th>


left
center
right
justify

linksbündig ausrichten (Voreinstellung)
zentriert ausrichten
rechtsbündig ausrichten
als Blocksatz ausrichten


line-height

nn

nn = Zahl (in Pixel)

<p>

text-indent


keine Einschränkung

<p>