Show Menu

CSS2.1 deutsch Cheat Sheet by

einfache Ãœbersicht Cascading Style Sheets (CSS2.1)
css     web     beginner     css2-1     internet     webdevelopment

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

Download the CSS2.1 deutsch Cheat Sheet

2 Pages
//media.cheatography.com/storage/thumb/karionis_css2-1-deutsch.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

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