Mengenal dan Memahami Property Page Layout

Property ini adalah property yang sangat penting untuk dimengerti dan dipahami untuk mendesign suatu layout pada halaman web, karena property ini bisa membuat suatu halaman web yang bagus dan tentunya harus didukung dengan kreatifitas seseorang.

Pada html saja, tidak mendukung akan tampilan layout sebaik css, dengan menguasai property ini kita bisa merubah tata themes atau template pada script cms yang ada sekarang.

Property	Perintah	Fungsi
position	Selektor{ position:absolute}	Property ini untuk menentukan dimana elemen akan ditempatkan juga untuk menempatkan elemen induk. Value lain : fixed,relative, static, top, bottom, left, right.
top	Selektor{ top:absolute}	Property ini untuk menentukan bagian atas dari suatu elemen ditempatkan. Value lain : fixed,relative, static,auto.
left	Selektor{ left:absolute}	Property ini untuk menentukan bagian kiri dari suatu elemen ditempatkan. Value lain : fixed,relative, static,auto.
bottom	Selektor{ bottom:absolute}	Property ini untuk menentukan bagian bawah dari suatu elemen ditempatkan. Value lain : fixed,relative, static,auto.
right	Selektor{ right:absolute}	Property ini untuk menentukan bagian kanan dari suatu elemen ditempatkan. Value lain : fixed,relative, static,auto.
width	Selektor{width:50%}	Property ini untuk menentukan lebar dari suatu elemen. Value lain: …px,…em,auto.
min-width	Selektor{ min-width:50%}	Property ini untuk menentukan lebar minimal dari suatu elemen. Value lain: …px,…em,auto,none.
max-width	Selektor{ max-width:50%}	Property ini untuk menentukan lebar maximal dari suatu elemen. Value lain: …px,…em,auto,none.
height	Selektor{ height:50%}	Property ini untuk menentukan tinggi dari suatu elemen. Value lain: …px,…em,auto,none.
min-height	Selektor{ min-height:50%}	Property ini untuk menentukan tinggi minimal dari suatu elemen. Value lain: …px,…em,auto,none.
max-height	Selektor{ max-height:50%}	Property ini untuk menentukan tinggi maximal dari suatu elemen. Value lain: …px,…em,auto,none.
z-index	Selektor{z-index:auto}	Property ini untuk mengatur beberpa elemen yang terjadi overlap. Value lain mengunakan bilangan bulat ( integer).
visibility	Selektor{ visibility:hidden}	Property ini untuk mengatur elemen apakah ditampilkan pada browser atau tidak. Value lain : visible, collapse.
overflow	Selektor{ overflow:auto}	Property ini untuk mengatur menampilkan konten yang tidak bisa ditampung oleh elemen. Value Lain : hidden, scroll, visible.
float	Selektor(float:left}	Property ini membuat efek elemen yang keluar dari flow dan ditempatkan disisi kiri atau kanan suatu elemen. Value lain : None, right.
clear	Selektor{ clear:both}	Property ini digunakan bersama dengan float dan disini ditentukan apakah elemen bisa menerima suatu float atau tidak. Value lain : left, right, none.
clip	Selektor{ clip:rect('top', 'right', 'bottom', 'left')}	Property ini untuk mengatur cupilkan kecil suatu elemen untuk ditampilkan. Value lain : both.

Nah, itu pengenalan tentang property page layout kawan, semangat terus belajar OK!

Salam semangat AQIEM Group....