CSS Layouting – Position

Hal lain yang tak kalah pentingnya dalam membuat layout adalah property position. Position berguna untuk membantu anda dalam menentukan letak sebuah elemen. Property position ada beberapa nilai atau value yang telah disediakan yaitu static, relative, fixed, absolute. Penjelasan nilai position adalah sebagai berikut.
Static : merupakan nilai default bawaan dari setiap elemen, dengan nilai ini, elemen akan mengikuti alur dokumen. Untuk property top, bottom, left, right tidak berfungsi.
Relative : hampir sama dengan static, namun untuk property top, bottom, left, right berfungsi.
Absolute : elemen akan mengabaikan alur dari documen dan mengacu kepada document sebagai halaman utamanya saja.
Fixed : hampir sama dengan absolute, hanya saja nilai fixed hanya akan berperngaruh kepada element dengan nilai posisi relative saja.
Inherit : nilai akan sama dengan parentnya.
Agar bisa di pahami harus dilakukan langsung dengan percobaan.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s