Webdesign-Hilfe und Promotion-Tipps » Kontakt / Impressum    » Gästebuch
Webdesign
Promotion
Links
Privat

CSS - Codes / Übersicht

An dieser Stelle eine (unvollständige) Übersicht über diverse CSS - Codes.
Der CSS-Code kann direkt am Objekt angegeben werden.
Beispiel: <p style="text-align:justify;font-size:12px;">Dies ist ein Absatz</p>
oder in einer externen .css-Datei (siehe hier: CSS / Stylesheets)


Tabellen

Funktion
CSS - Code
Einfacher Rahmen border:1px solid #000000;
Einfacher Rahmen links border-left:1px solid #000000;
Rahmen gepunktet border:1px dotted #000000;
Rahmen gestrichelt border:1px dashed #000000;
Rahmen doppelt border:1px double #000000;
Hintergrundfarbe background:#cfcfcf;
Hintergrundgrafik background-image:url(background.jpg);
Hintergrundgrafik fixiert background-attachment:fixed;
Hintergrundgrafik untenbündig, keine Wiederholung background-position:bottom; background-repeat:no-repeat;
Abstand zum Rahmen padding:20px;
Abstand zum Rahmen (nur links) padding-left:20px;
Schriftformatierung
Funktion CSS - Code
Schriftgröße font-size:12px;
Schriftfarbe color:#FF9F00;
Zeichenabstand (Schrift gesperrt) letter-spacing:2;
Fettschrift font-weight:bold;
Extra Fett font-weight:bolder;
Text unterstrichen text-decoration:underline;
Text überstrichen text-decoration:overline;
Unterstrichen und Überstrichen text-decoration:underline overline;
Absätze formatieren
Funktion CSS - Code
Blocksatz text-align:justify;
rechtsbündig text-align:right;
Zeilenhöhe line-height:24px;
Grafiken formatieren
Funktion CSS - Code
Rahmen um die Grafik border:1px solid #000000;
Abstand der Grafik (zum Tabellenrand oder zur nächsten Grafik) margin-left:80px;

nach oben