diedVIPs
diedVIPs

html knowhow

Positionierung - <position>






Positionieren
tag - Beispiele
 
<position>
table { position: absolute; right: 5em; top: 2em; }
Die Eigenschaft position entfernt Elemente aus dem normalen Elementfluss und positioniert sie an jede beliebige Stelle (auch außerhalb) des Viewports.
absolute = losgelöst vom Textfluss, an eine Stelle, die per left, right, top und bottom festgelegt wird.
fixed = starr am Viewport ausgerichtet, mit left, right, top und bottom festgelegt
relative = Bezugspunkt für absolut positionierte Kindelemente
 
<top>
aside { position: absolute; right: 5em; top:2em; }
Die Eigenschaft top legt die obere Position positionierter Elemente fest.
ein numerisches Längenmaß wie 4.5cm oder 300px
eine Prozentangabe = bezieht sich auf die Höhe des umschließenden Blocks. Negative Werte sind erlaubt.
auto = Voreinstellung, keine besondere Startposition
inherit = erbt die entsprechende Angabe des Elternelements
 
<bottom>
Abstand nach unten
Wert: auto, %, länge
 
<left>
Abstand nach links
Wert: auto, %, länge
 
<overflow>
overflow
Wert: visible, , hidden, scroll, auto
 
<right>
Abstand nach rechts
Wert: auto, %, länge
 
<vertical-align>
Vertikale Ausrichtung
Wert: auto, %, länge, baseline, sub, super, top, text-top, middle, bottom, text-bottom
 
<z-index>
Stapelreihenfolge
Wert: auto, zahl
 











Kontakt    Datenschutz   Impressum