Gestaltungsmerkmale LV-Text

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

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>