Style leftEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die left-Eigenschaft legt die linke Position eines positionierten Elements fest oder gibt sie zurück.

Diese Eigenschaft gibt die linke Position des Elements an, einschließlich: Padding, Scrollbar, Border und Margin.

Tipp:Ein positioniertes Element ist ein Element, dessen position-Eigenschaft auf relative, absolute oder fixed gesetzt ist.

Syntax

Die left-Eigenschaft festlegen:

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

Die left-Eigenschaft zurückgeben:

Object.style.left

Wert Beschreibung
auto Standard. Die linke Position wird vom Browser berechnet.
length Definiert die linke Kante des Elements relativ zur linken Kante des nächstgelegenen positionierten Elternelements unter Verwendung von Einheiten wie px, cm. Negative Werte sind erlaubt.
% Definiert die linke Kante des Elements als Prozentsatz der linken Kante des nächstgelegenen positionierten Elternelements.
inherit Der Wert der left-Eigenschaft wird vom Elternelement geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die left-Eigenschaft.

Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiel

Beispiel

Legen Sie die linke Position einer Schaltfläche fest:

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

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen