Show Menu
Cheatography

CSS2.1 deutsch Cheat Sheet by

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

Abmess­ungen

heig­ht:
auto;
Höhe (Standard)
 
100px;
 
20%;
 
5.0em;
min-­hei­ght:
(siehe height)
minimale Höhe
max-­hei­ght:
(siehe height)
maximale Höhe
width:
(siehe height)
Breite
min-­wid­th:
(siehe height)
minimale Breite
max-­wid­th:
(siehe height)
maximale Breite

Positi­oni­erung

posi­tion:
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
bott­om:
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
back­gro­und­-co­lor:
(siehe color)
Hinter­­gr­und­­farbe

Kommentar

/* Kommen­tartext */
 

Textfo­rma­tierung

font­-fa­mily:
"­Times New Roman"
Schriftart (Times)
 
Arial, Helvetica, sans-s­erif;
serife­n­lose Schrift
font­-si­ze:
12pt;
Schrif­t­größe (Punkt)
 
10px;
Pixel
 
1.0em;
relativ zum Eltern­­el­ement
 
120%;
relativ zur Grund­­größe
font­-st­yle:
normal;
Schrif­tstil (Standard)
 
italic;
kursiv
 
oblique;
schräg
font­-we­ight:
lighter;
Schrif­tstärke (dünn)
 
normal;
Standard
 
bold;
 
bolder;
line­-he­ight:
normal;
Zeilenhöhe (Standard)
 
14pt
Punkt
 
20px
Pixel
 
120%
relativ zur Schrif­t­größe
 
1.2em;
relativ zum Eltern­­el­e­ment
lett­er-­spa­cing:
normal;
Zeiche­n­a­bstand (Stan­­dard)
 
0.05em;
relativ zum Eltern­­el­ement
text­-al­ign:
left;
Ausric­htung (Stan­­dard)
 
right;
 
center;
zentriert
 
justify;
Blocksatz
text­-de­cor­ati­on:
none;
Schrif­t­a­us­­zei­ch­nung (Stan­­dard)
 
underline;
unter­­str­ichen
 
line-t­hrough;
durch­­ge­­str­ichen
text­-in­dent:
1.0em;
Einrückung
 
10%;
text­-tr­ans­form:
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

padd­ing:
0;
keiner
 
2px 4px;
2 Pixel oben u. unten, 4 Pixel rechts u. links
 
1pt 2px 3% 4.0em;
Abstand oben, rechts, unten, links
padd­ing­-top:
10px;
Abstand oben
padd­ing­-bo­ttom:
(s.o.)
Abstand unten
padd­ing­-le­ft:
(s.o.)
Abstand links
padd­ing­-ri­ght:
(s.o.)
Abstand rechts

Aussen­abstand

marg­in:
0;
keiner
 
10px 20px;
(s. padding)
 
1pt 2px 3% -4.0em;
(s. padding)
marg­in-­top:
10px;
Abstand oben
marg­in-­bot­tom:
(s. o.)
Abstand unten
marg­in-­left:
(s. o.)
Abstand links
marg­in-­rig­ht:
(s. o.)
Abstand rechts
Außen­abs­tände dürfen auch negative Werte annehmen.

Rahmen

bord­er:
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
bord­er-­top:
(s. o.)
oberer Rahmen
bord­er-­bot­tom:
(s. o.)
unterer Rahmen
bord­er-­left:
(s. o.)
linker Rahmen
bord­er-­rig­ht:
(s. o.)
rechter Rahmen
bord­er-­wei­ght:
1px 2px 3px 4px;
Rahmen­stärke
bord­er-­sty­le:
solid;
Rahmenstil
bord­er-­col­or:
black gray silver white;
Rahmen­farbe
                   

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

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