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 |
|
Help Us Go Positive!
We offset our carbon usage with Ecologi. Click the link below to help us!
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by Karionis