POSITION: parametro;
Los parametros de posicion
son los siguientes:
Fixed, Static, Absolute, Relative,
visibility valor
.
POSITION: posicion valor
;
La posicion
es uno los siguientes:
TOP, LEFT, RIGHT, BOTTOM.
El valor
se define en in, cm, pc, px, em, %
POSITION: visibility 1cm;
Especifica si el elemento será
visible o invisible segun el
valor en centimetros, px, pc, in, em, %
.
POSITION: fixed;
La posición fija hace que el
objeto quede fija y no se deslice (scroll).
POSITION: static;
La posición estatica es parecida
a la Relative
pero no se pueden
dimensionar elementos (cajas, etc)
(Para dimensionar se utiliza Absolute
POSITION: absolute;
La posición absoluta
prevalece sobre las demas etiquetas.
POSITION: relative;
La posición relativa
equivale a ninguna (por defecto).
Tendra efecto en el mismo
sitio desde donde lo llamemos.
POSITION: left 16px;
Alinea a la izquierda 16 pixeles .
POSITION: right 1em;
Alinea a la derecha 1 puntos de letra.
POSITION: top 1in;
Alinea en la parte de arriba 1 pulgada.
POSITION: botton 1pc;
Alinea en al parte de abajo 1 pica.
Un ejemplo:
<STYLE>
.absoluto
{position: absolute; }
</STYLE>
El ejemplo en una pagina:
<html><head>
<Title>Css</Title>
<STYLE>
.absoluto
{ position: absolute; }
</STYLE>
</HEAD><BODY>
<H1>Esta es la cabecera </H1>
<P>Este es un parrafo de texto</P>
<img class=absoluto src=deportista.jpg>
</BODY></HTML>
Esta es la cabecera
Este es un parrafo de texto
Aqui va la imagen del deportista de arriba
<img class=absoluto src=deportista.jpg>
