Latest web development tutorials

HTML DOM Estilo bienes dejados

Estilo de referencia de objetos Objetos de estilo

Definición y Uso

la izquierda conjuntos de propiedades o devuelve la posición del elemento de posicionamiento en la sección izquierda.

Este atributo especifica la posición de la parte izquierda de elementos, entre ellos: el relleno, barras de desplazamiento, bordes y márgenes.

Consejo: un elemento de posicionamiento es atributo la posición del elemento se establece: relative (relativa), absoluto (absoluto) o fija (fija).

gramática

Configuración de las propiedades que quedan:

Object.style.left="auto|length|%|inherit"

Volver propiedades de izquierda:

Object.style.left

描述
auto 默认。通过浏览器计算左部的位置。
length 使用 px、cm 等单位定义元素的左边到最近一个具有定位设置父元素的左部边缘的位置。可使用负值。
% 定义元素的左边到最近一个具有定位设置父元素的左部边缘的百分比位置。
inherit left 属性的值从父元素继承。


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan los bienes dejados.

Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".


Ejemplos

Ejemplos

botón Configuración en la parte izquierda de la posición:

<html>
<head>
<style type="text/css">
#b1
{
position:absolute;
}
</style>
<script>
function displayResult()
{
document.getElementById("b1").style.left="100px";
}
</script>
</head>
<body>

<input type="button" id="b1" onclick="displayResult()" value="Set left position to 100 px">

</body>
</html>

Trate »


Estilo de referencia de objetos Objetos de estilo