Logo Logo
InfoHome Themen Projekte Links Software
Themen
JavaHamster
BlueJ
Java
HTML
XHTML
CSS
Stile definieren
Stile einbinden
Klassen definieren
Unterklassen
Pseudo-Formate
Eigenschaften
Einheiten
Aufgaben
XML
Datenbanken
MySQL
Theoretische Informatik
PHP
Kara
Lego-Roboter
Algorithmen

Schrift

Eigenschaft Bedeutung  Mögliche Werte 
font Kurzschreibweise zur Definition aller font-Eigenschaften  font-style, font-variant, font-weight, font-size, font-familiy
font-family Schriftart Schriftfamilie
font-size Schriftgröße xx-small, x-small, small, medium, large, x-large, xx-large
larger, smaller, Größenangabe, Prozentangabe
font-style kursive Schrift normal, italic
font-weight Schriftdicke normal, bold, lighter, bolder, 100, 200, ..., 900
font-variant Kapitälchen small-caps

Text

Eigenschaft Bedeutung  Mögliche Werte
color Textfarbe Farbe
text-align Horizontale Ausrichtung  left, center, right, justify (Blocksatz) 
text-transform Buchstabentransformation none, capitalize, uppercase, lowercase
white-space Legt fest, wie mit white-space innerhalb eines Elementes umgegangen wird normal, pre, nowrap
letter-spacing Zeichenabstand normal, Größenangabe
word-spacing Wortabstand normal, Größenangabe
text-indent Texteinzug Größenangabe, Prozentangabe
text-decoration Textdekorationen blink, line-through, overline, underline, none

Hintergrund

Eigenschaft Bedeutung  Mögliche Werte
background Kurzschreibweise zur Definition aller Hintergrund-Eigenschaften background-color, background-image, background-repeat,
background-attachment, background-position
background-color Hintergrundfarbe farbe-rgb, farbe-hex, farbe-name, transparent
background-attachement Legt fest, ob ein Element "mitscrollt" oder fixiert wird. scroll, fixed
background-image Hintergrundbild url, none
background-position Startposition des Hintergrundbildes top left, top center, top right, center left, center center, center right,
bottom left, bottom center, bottom right, x-%, y-%, x-pos, y-pos
background-repeat Legt fest ob bzw. wie oft das Hintergrundbild wiederholt wird. repeat, repeat-x, repeat-y, no-repeat

Rahmen

Eigenschaft Bedeutung  Mögliche Werte
border Kurzschreibweise zur Definition aller Rahmen-Eigenschaften border-width, border-style, border-color
border-width Rahmendicke thin, medium, thick, Größenangabe
border-style Rahmenstil none, hidden, dotted, dashed, solid, double, groove
ridge, inset, outset
border-color Rahmenfarbe Farbe
border-bottom Kurzschreibweise zur Definition aller Rahmen-Eigenschaften für den unteren Rahmen border-width, border-style, border-color
border-left Kurzschreibweise zur Definition aller Rahmen-Eigenschaften für den linken Rahmen border-width, border-style, border-color
border-right Kurzschreibweise zur Definition aller Rahmen-Eigenschaften für den rechten Rahmen border-width, border-style, border-color 
border-top Kurzschreibweise zur Definition aller Rahmen-Eigenschaften für den oberen Rahmen border-width, border-style, border-color 

Rand (äußerer Abstand)

Eigenschaft Bedeutung  Mögliche Werte
margin Kurzschreibweise zur Definition aller Rand-Eigenschaften margin-bottom, margin-left, margin-right, margin-top
margin-bottom Unterer Randabstand auto, Größenangabe, Prozentangabe
margin-left Linker Randabstand auto, Größenangabe, Prozentangabe
margin-right Rechter Randabstand auto, Größenangabe, Prozentangabe
margin-top Oberer Randabstand auto, Größenangabe, Prozentangabe

Innenabstand

Eigenschaft Bedeutung  Mögliche Werte
padding Kurzschreibweise zur Definition aller Rand-Eigenschaften margin-bottom, margin-left, margin-right, margin-top
padding-bottom Unterer Innenabstand auto, Größenangabe, Prozentangabe
padding-left Linker Innenabstand auto, Größenangabe, Prozentangabe
padding-right Rechter Innenabstand auto, Größenangabe, Prozentangabe
padding-top Oberer Innenabstand auto, Größenangabe, Prozentangabe

Listen

Eigenschaft Bedeutung  Mögliche Werte
list-style Kurzschreibweise zur Definition aller Listen-Eigenschaften list-style-type, list-style-position, list-style-image
list-style-image Legt ein Bild als Listenpunkt-Marker (Aufzählungszeichen) fest none, url
list-style-position Legt fest, ob der Listenpunkt-Marker innerhalb oder außerhalb
des Listenblocks angezeigt wird
inside, outside
list-style-type Legt einen vordefinierten Listenpunkt-Marker fest none, disc, circle, square, decimal, lower-roman, upper-roman, ...

Dimensionsangaben

Eigenschaft Bedeutung  Mögliche Werte
height Elementhöhe auto, Größenangabe, Prozentangabe
line-height Zeilenhöhe normal, Größenangabe, Prozentangabe
width Elementbreite auto, Größenangabe, Prozentangabe

» drucken: pdf | html

© 2004-2023 M. Blanke · Ursulaschule · Kleine Domsfreiheit 11-18 · 49074 Osnabrück