Wichtigste CSS-Attribute

Verfasser: Norbert Willimsky

Erstelldatum: 2009

Eigenschaft CSS-Attribut Wert/ Einheit/ Beispiel
Farbe color
  • Wert: Farbname, Hexwert
Hintergrundfarbe background-color
  • Wert: Farbname, Hexwert
Hintergrundbild background-image
  • Wert: url
  • Bsp: background-image:
    url(../bilder/bild.gif);
Wiederholung background-repeat
  • no-repeat, repeat-x, repeat-y
Fixierung background-attachment
  • Wert: scroll, fixed
Positionierung background-position
  • Wert: left, top, right, px
  • Bsp: background-position: 100px 10px; (von links, von oben)
     
Schriftart font-family
  • Wert: arial, helvetica, serif, sans-serif
  • Empfehlung: serifenlose Schrift
Schriftgröße font-size
  • Einheit: pt, %, em
  • Empfehlung: anfangs pt
Zeilenhöhe line-height
  • Einheit: pt, %, keine Angabe
  • Bsp: line-height: 1.3;
Ausrichtung text-align
  • Wert: left, right, center, justify
fett font-weight
  • Wert: bold, normal
kursiv font-style
  • Wert: italic, oblique, normal
Unterstreichung text-decoration
  • Wert: none, underline
     
Außenabstand margin
margin-top
margin-right
margin-bottom
margin-left
  • Einheit: px
  • Bsp: margin: 10px 20px 30px 40px;
Innenabstand padding
padding-top
padding-right
padding-bottom
padding-left
  • Einheit: px
  • Bsp: padding: 10px 20px 30px 40px;
Rahmen border
border-width
padding-style
padding-color
  • Wert: solid, dotted, none
  • Bsp: border: 1px solid black;
Breite width
  • Einheit: px, %
Höhe height
  • Einheit: px, %
     
Aufzählungszeichen ul list-style-type
  • Wert: disc, circle, square, none
Aufzählungszeichen ol list-style-type
  • Wert: decimal, lower-alpha, upper-alpha, lower-roman, upper-roman
Aufzählungszeichen Grafik list-style-image
  • Wert: url
  • Bsp: list-styple-image: url(bild.gif);
Texteinzug list-style-position
  • Wert: outside, inside
  • (Voreinstellung ist outside)
Textausrichtung in Tabellenzelle vertical-align
  • Wert: top, middle, bottom
  • Bsp: td {vertical-align: top;}
Höhe height
  • Einheit: px, %
     
Objektfluss float
  • Wert: left, right
Blockeigenschaft display
  • Wert: block, inline

Druckversion herunterladen

zum Seitenanfang