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
            CSS 2.1 and CSS 3 Help Cheat Sheet by Smashing Magazine

          More Cheat Sheets by Karionis

          HTML5 deutsch Cheat Sheet