| width: ...; |
Bestimmt, wie breit ein Element ist. |
width: 100%; |
| height: ...; |
Bestimmt, wie hoch ein Element ist. |
height: 200px; |
| background-color: ...; |
Ändert die Hintergrundfarbe eines Elements. |
background-color: red; |
| color: ...; |
Ändert die Farbe des Textes. |
color: blue; |
| font-size: ...; |
Ändert die Größe des Textes. |
font-size: 16px; |
| font-family: ...; |
Bestimmt, welche Schriftart verwendet wird. |
font-family: Arial, sans-serif; |
| margin: ...; |
Bestimmt, wie viel Platz um ein Element herum ist. |
margin: 20px; |
| padding: ...; |
Bestimmt, wie viel Platz innerhalb eines Elements ist (zwischen Inhalt und Rand). |
padding: 10px; |
| border: ...; |
Fügt einen Rand um ein Element hinzu. |
border: 1px solid black; |
| text-align: ...; |
Bestimmt, wie der Text im Element ausgerichtet wird. |
text-align: center; |
| display: ...; |
Bestimmt, wie ein Element angezeigt wird. |
display: block; |
| position: ...; |
Bestimmt, wie und wo ein Element auf der Seite positioniert wird. |
position: absolute; |
| float: ...; |
Bestimmt, dass ein Element neben einem anderen „schweben“ kann. |
float: left; |
| clear: ...; |
Verhindert, dass Elemente nebeneinander „schweben“. |
clear: both; |
| overflow: ...; |
Bestimmt, was passiert, wenn der Inhalt eines Elements zu groß für den verfügbaren Platz ist.
|
overflow: hidden; |
| z-index: ...; |
Bestimmt, welches Element „oben“ liegt, wenn mehrere Elemente übereinander sind. |
z-index: 10; |
| opacity: ...; |
Bestimmt, wie durchsichtig ein Element ist. |
opacity: 0.5; |
| box-shadow: ...; |
Fügt dem Element einen Schatten hinzu. |
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); |
| text-shadow: ...; |
Fügt dem Text einen Schatten hinzu. |
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); |
| border-radius: ...; |
Rundet die Ecken eines Elements ab. |
border-radius: 10px; |
| transition: ...; |
Ermöglicht sanfte Übergänge, wenn sich etwas ändert (z. B. beim Hover). |
transition: all 0.3s ease; |
| transform: ...; |
Verändert die Position, Größe oder Drehung eines Elements. |
transform: rotate(45deg); |
| visibility: ...; |
Bestimmt, ob ein Element sichtbar oder unsichtbar ist (es nimmt immer noch Platz ein, wenn es
unsichtbar ist). |
visibility: hidden; |
| font-weight: ...; |
Ändert, wie dick oder dünn der Text ist. |
font-weight: bold; |
| line-height: ...; |
Bestimmt den Abstand zwischen den Textzeilen. |
line-height: 1.5; |
| list-style-type: ...; |
Bestimmt, wie Aufzählungszeichen in Listen aussehen. |
list-style-type: square; |
| visibility: ...; |
Steuert, ob ein Element sichtbar ist, aber immer noch Platz im Layout beansprucht. |
visibility: collapse; |