Show Menu
Cheatography

CSS2.1 deutsch Cheat Sheet by

einfache Ãœbersicht Cascading Style Sheets (CSS2.1)

Abmess­ungen

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

Positi­oni­erung

position:
static;
Standard
 
relative;
relativ zur ursprü­ng­­lichen Position
 
absolute;
abhängig vom Eltern­­el­ement
 
fixed;
abhängig vom Browse­r­f­en­ster
top:
auto;
Standard
bottom:
100px;
left:
20%;
right:
-2.0em;
top, bottom, left, right werden nur bei position: relative, absolute und fixed beachtet.

Floating

float:
none;
Standard
 
left;
Element steht links und wird rechts um­flossen
 
right:
Element steht rechts und wird links um­flo­ssen.
clear:
none;
Standard
 
left;
Aufheben des Um­fli­eßens links
 
right;
Aufheben des Um­fli­eßens links
 
both;
Aufheben beid­s­eitigen Um­fli­e­ßens

Farbe

color:
red;
Vorder­­gr­und­­farbe (Text)
 
#789ABC;
hexade­zi­­maler Farb­wert
 
rgb(0,­25,50);
RGB-Fa­rb­­werte
backgr­oun­d-color:
(siehe color)
Hinter­­gr­und­­farbe

Kommentar

/* Kommen­tartext */
 

Textfo­rma­tierung

font-f­amily:
"­Times New Roman"
Schriftart (Times)
 
Arial, Helvetica, sans-s­erif;
serife­n­lose Schrift
font-size:
12pt;
Schrif­t­größe (Punkt)
 
10px;
Pixel
 
1.0em;
relativ zum Eltern­­el­ement
 
120%;
relativ zur Grund­­größe
font-style:
normal;
Schrif­tstil (Standard)
 
italic;
kursiv
 
oblique;
schräg
font-w­eight:
lighter;
Schrif­tstärke (dünn)
 
normal;
Standard
 
bold;
 
bolder;
line-h­eight:
normal;
Zeilenhöhe (Standard)
 
14pt
Punkt
 
20px
Pixel
 
120%
relativ zur Schrif­t­größe
 
1.2em;
relativ zum Eltern­­el­e­ment
letter­-sp­acing:
normal;
Zeiche­n­a­bstand (Stan­­dard)
 
0.05em;
relativ zum Eltern­­el­ement
text-align:
left;
Ausric­htung (Stan­­dard)
 
right;
 
center;
zentriert
 
justify;
Blocksatz
text-d­eco­ration:
none;
Schrif­t­a­us­­zei­ch­nung (Stan­­dard)
 
underline;
unter­­str­ichen
 
line-t­hrough;
durch­­ge­­str­ichen
text-i­ndent:
1.0em;
Einrückung
 
10%;
text-t­ran­sform:
none;
Textau­s­z­eic­h­nung (Stan­­dard)
 
capita­lize;
Kapitä­lchen
 
uppercase;
Groß­b­uch­­staben
 
lowercase;
Klein­­buc­h­s­tstaben
 

Innena­bstand

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
paddin­g-top:
10px;
Abstand oben
paddin­g-b­ottom:
(s.o.)
Abstand unten
paddin­g-left:
(s.o.)
Abstand links
paddin­g-right:
(s.o.)
Abstand rechts

Aussen­abstand

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
Außen­abs­tände dürfen auch negative Werte annehmen.

Rahmen

border:
1px solid;
Rahmen 1 Pixel Stärke
 
thin dotted red;
dünner, roter und gepunk­­teter Rah­men
 
0.2em dashed #D0D0D0;
gestri­chelter 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;
Rahmen­stärke
border­-style:
solid;
Rahmenstil
border­-color:
black gray silver white;
Rahmen­farbe
                   
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          HTML5 deutsch Cheat Sheet

          More Cheat Sheets by Karionis

          HTML5 deutsch Cheat Sheet