23/08/2017
BELAJAR CSS MENGENAL POSITION
MUHAMMAD FAISAL ~ Position pada CSS berfungsi untuk mengatur posisi element HTML. Terkadang kita ingin menempatkan posisi element satu dengan yang lain. Maka dengan menggunakan properti Position ini kita dapat menentukan posisi element sesuai keinginan kita.
Adapun beberapa properti CSS yang dapat digunakan posisi element adalah
static
relative
fixed
absolute
secara umum untuk membuat posisi atau menetapkan posisi sebuah element kita pasti menggunakan property css lainnya seperti mengatur top, left, bottom, right untuk menetapan posisi sebuah element. tetapi property tersebut tidak akan bekerja jika position belum di atur terlebih dahulu. karena property lain tergantung dengan position yang di tetapkan.
STATIC
Position Static digunakan untuk mengatur posisi element menjadi statis secara default. Element akan mengganti posisi normal secara default. Berikut contoh pengunaan Position Static.
RELATIVE
Sebuah element HTML yang menggunakan position relative akan terletak pada posisi normal.
FIXED
Sebuah element HTML yang disetting dengan position fixef akan memiliki sifat tetap. Tidak ada perubahan bahkan ketika halaman website di scroll. Berlaku pengaturan left, bottom, top dan right pada position fixed. Sebagai contoh Navigation Bar pada blog ini menggunakan position fixed.
Element HTML yang menggunakan position absolute akan tertimpa dengan element lain. Absoulte adalah salah satu properti position CSS yang sangat berguna. Salah satunya adalah untuk membuat menu dropdown
KESIMPULAN
Dengan adanya properti Position ini dapat mempermudah kita dalam mengatur Posisi Pada CSS. Dapat kita kembangkan sendiri penggunaan properti CSS sesuai keinginan kita. Yap sampai sini saja tutorial Belajar CSS Kali ini, jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih
Referensi : Malas Ngoding
Tidak ada komentar:
Write komentar