tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Objek lainnya

CSSStyleDeclaration

Style bottom Property

Contoh

Atur posisi bawah dari <button> elemen:

document.getElementById("myBtn").style.bottom = "100px";

Cobalah sendiri "

Definisi dan Penggunaan

Set properti bawah atau mengembalikan posisi bawah elemen diposisikan.

Properti ini menentukan posisi bawah elemen termasuk padding, scrollbar, perbatasan dan marjin.

Tip: Sebuah elemen diposisikan merupakan elemen dengan posisi set properti untuk: relatif, absolut, atau tetap.

Tip: Untuk mengatur atau kembali posisi teratas dari elemen diposisikan, gunakan atas properti.

Dukungan Browser

Properti bawah didukung di semua browser utama.

Sintaksis

Kembali properti bawah:

object .style.bottom

Mengatur properti bawah:

object .style.bottom="auto| Nilai properti

Nilai	Deskripsi
auto	Memungkinkan browser mengatur posisi bawah. Ini adalah default
length	Mendefinisikan posisi bawah dalam satuan panjang. nilai negatif diperbolehkan
%	Mengatur posisi bawah di% dari ketinggian elemen induk
initial	Set properti ini ke nilai default. Baca tentang awal
inherit	Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default:	mobil
Kembali Nilai:	Sebuah String, mewakili posisi bawah elemen diposisikan
CSS Versi	CSS2

Contoh lebih

Contoh

Atur posisi bawah dari <div> elemen:

document.getElementById("myDiv").style.bottom = "10px";

Cobalah sendiri "

Contoh

Menggunakan nilai-nilai negatif - Mengatur posisi bawah dari <div> elemen:

document.getElementById("myDiv").style.bottom = "-100px";

Cobalah sendiri "

Contoh

Kembali posisi bawah dari <div> elemen:

alert(document.getElementById("myDiv").style.bottom);

Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Positioning

Referensi CSS: bottom property