Cheatography
https://cheatography.com
einfache Ãœbersicht Cascading Style Sheets (CSS2.1)
Abmessungen
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 |
Positionierung
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; |
top, bottom, left, right werden nur bei position: relative, absolute und fixed beachtet.
Floating
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 |
Farbe
color: |
red; |
Vordergrundfarbe (Text) |
|
#789ABC; |
hexadezimaler Farbwert |
|
rgb(0,25,50); |
RGB-Farbwerte |
background-color: |
(siehe color) |
Hintergrundfarbe |
|
|
Textformatierung
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 |
|
|
Innenabstand
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 |
Aussenabstand
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ßenabstände dürfen auch negative Werte annehmen.
Rahmen
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 |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by Karionis