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
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