einfache Ãœbersicht Cascading Style Sheets (CSS2.1)
|
height:
|
auto;
|
Höhe (Standard)
|
|
100px;
|
||
|
20%;
|
||
|
5.0em;
|
||
|
min-height:
|
(siehe height)
|
minimale Höhe
|
|
max-height:
|
(siehe height)
|
maximale Höhe
|
|
width:
|
(siehe height)
|
Breite
|
|
min-width:
|
(siehe height)
|
minimale Breite
|
|
max-width:
|
(siehe height)
|
maximale Breite
|
|
position:
|
static;
|
Standard
|
|
relative;
|
relativ zur ursprünglichen Position
|
|
|
absolute;
|
abhängig vom Elternelement
|
|
|
fixed;
|
abhängig vom Browserfenster
|
|
|
top:
|
auto;
|
Standard
|
|
bottom:
|
100px;
|
|
|
left:
|
20%;
|
|
|
right:
|
-2.0em;
|
|
|
float:
|
none;
|
Standard
|
|
left;
|
Element steht links und wird rechts umflossen
|
|
|
right:
|
Element steht rechts und wird links umflossen.
|
|
|
clear:
|
none;
|
Standard
|
|
left;
|
Aufheben des Umfließens links
|
|
|
right;
|
Aufheben des Umfließens links
|
|
|
both;
|
Aufheben beidseitigen Umfließens
|
|
color:
|
red;
|
Vordergrundfarbe (Text)
|
|
#789ABC;
|
hexadezimaler Farbwert
|
|
|
rgb(0,25,50);
|
RGB-Farbwerte
|
|
|
background-color:
|
(siehe color)
|
Hintergrundfarbe
|
|
/* Kommentartext */
|
|
font-family:
|
"Times New Roman"
|
Schriftart (Times)
|
|
Arial, Helvetica, sans-serif;
|
serifenlose Schrift
|
|
|
font-size:
|
12pt;
|
Schriftgröße (Punkt)
|
|
10px;
|
Pixel
|
|
|
1.0em;
|
relativ zum Elternelement
|
|
|
120%;
|
relativ zur Grundgröße
|
|
|
font-style:
|
normal;
|
Schriftstil (Standard)
|
|
italic;
|
kursiv
|
|
|
oblique;
|
schräg
|
|
|
font-weight:
|
lighter;
|
Schriftstärke (dünn)
|
|
normal;
|
Standard
|
|
|
bold;
|
||
|
bolder;
|
||
|
line-height:
|
normal;
|
Zeilenhöhe (Standard)
|
|
14pt
|
Punkt
|
|
|
20px
|
Pixel
|
|
|
120%
|
relativ zur Schriftgröße
|
|
|
1.2em;
|
relativ zum Elternelement
|
|
|
letter-spacing:
|
normal;
|
Zeichenabstand (Standard)
|
|
0.05em;
|
relativ zum Elternelement
|
|
|
text-align:
|
left;
|
Ausrichtung (Standard)
|
|
right;
|
||
|
center;
|
zentriert
|
|
|
justify;
|
Blocksatz
|
|
|
text-decoration:
|
none;
|
Schriftauszeichnung (Standard)
|
|
underline;
|
unterstrichen
|
|
|
line-through;
|
durchgestrichen
|
|
|
text-indent:
|
1.0em;
|
Einrückung
|
|
10%;
|
||
|
text-transform:
|
none;
|
Textauszeichnung (Standard)
|
|
capitalize;
|
Kapitälchen
|
|
|
uppercase;
|
Großbuchstaben
|
|
|
lowercase;
|
Kleinbuchststaben
|
|
|
padding:
|
0;
|
keiner
|
|
2px 4px;
|
2 Pixel oben u. unten, 4 Pixel rechts u. links
|
|
|
1pt 2px 3% 4.0em;
|
Abstand oben, rechts, unten, links
|
|
|
padding-top:
|
10px;
|
Abstand oben
|
|
padding-bottom:
|
(s.o.)
|
Abstand unten
|
|
padding-left:
|
(s.o.)
|
Abstand links
|
|
padding-right:
|
(s.o.)
|
Abstand rechts
|
|
margin:
|
0;
|
keiner
|
|
10px 20px;
|
(s. padding)
|
|
|
1pt 2px 3% -4.0em;
|
(s. padding)
|
|
|
margin-top:
|
10px;
|
Abstand oben
|
|
margin-bottom:
|
(s. o.)
|
Abstand unten
|
|
margin-left:
|
(s. o.)
|
Abstand links
|
|
margin-right:
|
(s. o.)
|
Abstand rechts
|
|
border:
|
1px solid;
|
Rahmen 1 Pixel Stärke
|
|
thin dotted red;
|
dünner, roter und gepunkteter Rahmen
|
|
|
0.2em dashed #D0D0D0;
|
gestrichelter grauer Rahmen
|
|
|
border-top:
|
(s. o.)
|
oberer Rahmen
|
|
border-bottom:
|
(s. o.)
|
unterer Rahmen
|
|
border-left:
|
(s. o.)
|
linker Rahmen
|
|
border-right:
|
(s. o.)
|
rechter Rahmen
|
|
border-weight:
|
1px 2px 3px 4px;
|
Rahmenstärke
|
|
border-style:
|
solid;
|
Rahmenstil
|
|
border-color:
|
black gray silver white;
|
Rahmenfarbe
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.
