HTML DOM Style properti yang tepat
gaya Objects Definisi dan Penggunaan
set properti yang tepat atau mengembalikan posisi dari elemen posisi bagian kanan.
Atribut ini menetapkan hak posisi elemen, yang terdiri dari: padding, scroll bar, perbatasan, dan margin.
Tip: elemen positioning adalah atribut posisi elemen diatur: relatif (relative), mutlak (absolut) atau tetap (fixed).
tatabahasa
Mengatur properti yang tepat:
Object.style.right="auto|length|%|inherit"
atribut bek kanan:
Object.style.right
| 值 | 描述 |
|---|---|
| auto | 默认。通过浏览器计算右部的位置。 |
| length | 使用 px、cm 等单位定义元素的右边到最近一个具有定位设置父元素的右部边缘的位置。可使用负值。 |
| % | 定义元素的右边到最近一个具有定位设置父元素的右部边缘的百分比位置。 |
| inherit | right 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti yang tepat.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
tombol pengaturan bagian kanan lokasi:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#b1{
position:absolute;
}
</style>
<script>
function displayResult(){
document.getElementById("b1").style.right="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="设置右部位置为100 px">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#b1{
position:absolute;
}
</style>
<script>
function displayResult(){
document.getElementById("b1").style.right="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="设置右部位置为100 px">
</body>
</html>
Coba »
gaya Objects