Cheatography
https://cheatography.com
einfache Übersicht Cascading Style Sheets (CSS2.1)
Abmessungenheight: | 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 |
Positionierungposition: | 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.
Floatingfloat: | 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 |
Farbecolor: | red; | Vordergrundfarbe (Text) | | #789ABC; | hexadezimaler Farbwert | | rgb(0,25,50); | RGB-Farbwerte | background-color: | (siehe color) | Hintergrundfarbe |
| | Textformatierungfont-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 |
| | Innenabstandpadding: | 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 |
Aussenabstandmargin: | 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.
Rahmenborder: | 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