| Inställning |
Alternativ |
Exempel |
|
position
|
absolute
relative
static
|
Se separat kapitel om positionering
|
|
bottom
|
auto
Eller ett mått t.ex. 50px
Förutsätter att position
attributet är satt
|
<DIV STYLE = "position:absolute; bottom:50px">
Denna text kommer 50 pixels från
sidans slut
</DIV>
|
|
clip
|
auto (visar allt)
rect(top höger botton vänster)
Förutsätter att position
attributet är satt
Endast IE5
|
<DIV Style="position:absolute;
clip:rect(10px auto auto 10px)">
<IMG SRC="./images/asp_right.gif">
</DIV>
Ovanstående bild är klippt 10
pixels i toppen och till jänster
|
top
bottom
left
right
height
width
|
Möjlighetet att bestämma placeringen och
storleken på ett objekt
Används oftast med DIV
|
<DIV STYLE="position:absolute;left:100px">
<IMG SRC="cone.jpg">
</DIV>
|
|
overflow
|
visible
scroll
hidden
auto
Hur browsern skall hantera text
som inte får rum...
|
Nedan är olika varianter av
<DIV STYLE="width: 100px; height: 100px;
overflow: xxx;">
Här kommer en text som INTE får rum på 100x100 pixels
</DIV>
overflow: auto;
En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text
overflow: visible;
En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text
overflow: hidden;
En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text
overflow: scroll;
En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text En text
|
|
z-index
|
Möjlighetet att bestämma hur
överlappande objekt kommer i djupled.
Ett högre värde på z-index gör att
objektet kommer ovanpå ett som har ett
lägre värde
|
z-index:1
z-index:2
|