Latest web development tutorials

HTML DOM Style meninggalkan properti

Gaya Referensi Obyek gaya Objects

Definisi dan Penggunaan

meninggalkan set properti atau mengembalikan posisi dari elemen positioning di bagian kiri.

Atribut ini menentukan posisi bagian kiri dari elemen, termasuk: padding, scroll bar, perbatasan, dan margin.

Tip: elemen positioning adalah atribut posisi elemen diatur: relatif (relative), mutlak (absolut) atau tetap (fixed).

tatabahasa

Pengaturan properti meninggalkan:

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

Kembali sifat kiri:

Object.style.left

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


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung meninggalkan properti.

Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".


contoh

contoh

Pengaturan tombol di bagian kiri posisi:

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

Coba »


Gaya Referensi Obyek gaya Objects