Los últimos tutoriales de desarrollo web
 

Style position Property

<Estilo de objeto

Ejemplo

Cambie la posición de un <div> elemento de relativa a absoluta:

document.getElementById("myDIV").style.position = "absolute";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de posición o devuelve el tipo de método de posicionamiento utilizado para un elemento (static, relative, absolute or fixed) .


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad position es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad de posición:

object .style.position

Establecer la propiedad de posición:

object .style.position="static|absolute|fixed|relative|initial|inherit"

Valores de propiedad

Valor Descripción
static Elementos hace en orden, tal como aparecen en el flujo de documentos. Esta es la opción predeterminada.
absolute El elemento se posiciona con relación a su primera posicionado (not static) elemento antecesor
fixed El elemento se coloca en relación con la ventana del navegador
relative El elemento se coloca en relación a su posición normal, por lo que "left:20" añade 20 píxeles a la posición izquierdo del elemento
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: estático
Valor de retorno: Una cadena, que representa el tipo posición de un elemento
Versión CSS CSS2

Más ejemplos

Ejemplo

El uso de diferentes tipos de posición:

function myFunction(x)  {
    var whichSelected = x.selectedIndex;
    var posVal = x.options[whichSelected].text;
    var elem = document.getElementById("myDiv");
    elem.style.position=posVal;
}
Inténtalo tú mismo "

Ejemplo

Devuelve la posición de un <h2> elemento:

alert(document.getElementById("myH2").style.position);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Posicionamiento CSS

Referencia CSS: position property


<Estilo de objeto