Kurzreferenz CSS
    


WWW.WEB-TOOLBOX.NET

 PDF-Datei ZURÜCK SITEMAP  

 8) Kurzreferenz

Seite: 01 02 03 04 05 06 07 08 09 10 11

   Kurzreferenz - Eigenschaften + Werte

Hier finden sie einen (unvollständigen) Überblick der gängigen CSS-Anweisungen für Eigenschaften + Werte und eine Kurzbeschreibung. Für ausführliche Informationen empfehle ich SELFHTML.


  Eintragungen für Einheiten

 ausführliche Erklärungen zu Schriftgraden (Seite 10)

Erst den Wert notieren, dann die Einheit (ohne Leerzeichen)
z.B. 12px oder 1.5cm  Dezimalzeichen ist immer ein Punkt.

absolute Werte:

pt für Punkt (= 1/72 inches)
pc für Pica (= 12 Punkt)
px für Pixel
in für Inch (= 2.54 cm)
mm für Millimeter
cm für Zentimeter

relative Werte:

em für elementeigene Schrifthöhe (Größenverhältnis zur Normalgröße)
ex für elementeigene Höhe der Buchstaben
% für Prozent (Größenverhältnis zur Normalgröße)



  Eintragungen für Farben

Farbnamen (englische) blue
hexadezimale Notation #0000FF
RGB-Wert rgb(0,0,255)
RGB Prozentangaben rgb(0%,0%,100%)




  Schrift und Type

 Schriftfamilie (Fontfamilie)
font-family: [Schriftnamen/Schriftfamilien]

 Schriftart
font-style: [normal | italic | oblique]

 Schriftvariante
font-variant: [normal | small-caps]

 Schriftgröße
font-size: [numerischer Wert]

 Schriftgewicht
font-weight: [normal | bold | bolder | lighter |
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]



  Textformatierung / -wandlung

 Textfarbe
color: [HTML-Farbangabe]

 Hintergrundfarbe
background-color: [HTML-Farbangabe]

 Textdekoration
text-decoration: [underline | overline | line-through | blink | none]

 Textart
text-transform: [capitalize | uppercase | lowercase | none]



  Ausrichtungen

 Vertikale Textausrichtung
vertical-align: [baseline | sub | super | top | text-top | middle
| bottom | text-bottom] oder numerisch in Prozent

 Horizontale Textausrichtung
text-align: [left | right | center | justify]



  Abstände (nur Text)

 Wortabstand
word-spacing: [numerischer Wert]

 Zeichenabstand
letter-spacing: [numerischer Wert]

 Zeilenhöhe
line-height: [numerischer Wert]

 Texteinrückung
text-indent: [numerischer Wert]



  Abstände alle Elemente

 Abstand oben
margin-top: [numerischer Wert]

 Abstand links
margin-left: [numerischer Wert]

 Abstand unten
margin-bottom: [numerischer Wert]

 Abstand rechts
margin-right: [numerischer Wert]



  Rahmen

 Rahmendicke oben
border-top-width: [thin | medium | thick] oder numerischer Wert

 Rahmendicke links
border-left-width: [thin | medium | thick] oder numerischer Wert

 Rahmendicke unten
border-bottom-width: [thin | medium | thick] oder numerischer Wert

 Rahmendicke rechts
border-right-width: [thin | medium | thick] oder numerischer Wert

 Rahmenfarbe
border-color: [HTML-Farbangabe]

 Rahmenart
border-style: [none | dotted | dashed | solid | double | groove | ridge | inset | outset]



  Abstände bei Rahmen

 Innenabstand oben
padding-top: [numerischer Wert]

 Innenabstand links
padding-left: [numerischer Wert]

 Innenabstand unten
padding-bottom: [numerischer Wert]

 Innenabstand rechts
padding-right: [numerischer Wert]



  Kommentare

 Kommentare

Ein Kommentar wird eingeleitet mit /* , beendet mit */ .



  Hintergrundgrafik für das gesamte HTML-Dokument

 ausführliche Erklärungen, Grafik als Seitenhintergrund

body {
/* bg-image */
background-image:url(images/imagename.gif);
background-position:0px 0px;

/* Einfluss haben auch padding und margin der Seite */
margin:0px;
padding:0px;
}




  Scrollbar unterdrücken (ohne Frames)

body {
/* scrollbar */
overflow-x: hidden;
overflow-y: hidden;
}




  Scrollbarfarben



body {
/* scrollbar */
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #7AAFF1;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

 


  Download

Überblick der wichtigsten CSS-Anweisungen für Eigenschaften + Werte. Identisch mit den auf dieser Seite gelisteten Anweisungen. Für weitere Info empfehle ich SELFHTML.


Download

anzeigen / ausdrucken / abspeichern  



Kurzreferenz als PDF-Datei
Eigenschaften + Werte
Format: DIN A4
Dateigröße: 29 kB






NACH OBEN