BELAJAR CSS Chapter 7 : Mengenal Position pada CSS

Position dalam CSS digunakan untuk mengatur posisi sebuah element pada HTML. Posisi disini berarti posisi suatu element dari element yang lain. dengan CSS position kita dapat menentukan posisi sebuah element agar sesuai dengan element yang lain.

       Ada beberapa property yang digunakan untuk menentukan position pada CSS yaitu :

• static
• relative
• fixed
• absolute

Berikutnya akan kita bahas satu persatu

Static

  Position static digunakan untuk mengatur element menjadi statis.Jadi element akan mengikuti posisi normal secara default.

Contoh :

Outputnya :

 Relative

     Element HTML yang menggunakan position relative akan terletak menjadi normal

Contoh :

Output :

Fixed

        Element HTML yang diatur dengan position fixed akan memiliki sifat tetap. Jadi posisi tidak akan berpindah meskipun halaman website di-scroll. di position fixed bisa diatur letak kanan, kiri, atas dan bawah. Contoh :

Output :

Absolute

           Element HTML yang menggunakan position absolute akan tertimpa dengan element lain, dengan kata lain element yang menggunakan position ini bisa ditimpa dengan element lain.