CSS HOW-TOCSS3CSS TemplatesLink ListeKontaktSitemap

Positionierungen

Rahmen

border-color:#000000; (Rahmenfarbe)
border-style:solid; (Rahmenstil)
Werte: dotted, dashed, solid				
border-width: 3px; (Rahmenbreite)

Border Werte können für border in einer Zeile mitgegeben werden. border: 1px solid #000000;

Positionierung positionieren einer Box

top: 100px;
Werte: left, bottom, right, 
height, width
padding:10px; (Innenabstand)

absolute / relative Positionierung: position="...." ; absolute, relative (relative steht in Beziehung zum vorhergehenden Element)
Stapelung: z-index:"."; numerische Angabe 2 liegt höher als 1 usw
Sichtbarkeit: visibility:"...."; visible, hidden

Relative Größen

Massangaben können absolut oder relativ sein. Relative Größen sind besser auf andere Medien übertragbar (z.B. vom Bildschirm auf einen Laserdrucker).
em die Größe der dem Element zugehörigen Schriftart
ex die x-Höhe der zugehörigen Schriftart (meistens entspricht diese der Höhe des kleinen x - daher der Name)
px die Größe in Pixeln, relativ also zum Anzeigegerät (z. B. Bildschirm)

Absolute Größen

Neben relativen Angaben gibt es auch absolute Längenangaben. inches= 1 inch entspricht 2.54 Zentimeter
cm Zentimeter
mm Millimeter
pt Points - Der Point ist gleich 1/72 inch in den CSS2 Definitionen
pc Picas - 1 Pica entspricht 12 Points

weitere Artikel