Property Page Layout

Property Page Layout adalah untuk mendesign suatu layout pada halaman web, ini property penting yang harus anda kuasai karena dengan menguasai property ini maka anda bisa membuat suatu halaman web yang bagus dan tentunya harus didukung akan kreatifitas seseorang. Pada HTML tidak mendukung akan tampilan layout sebaik CSS, dengan menguasai Property ini anda juga bisa merubah pada themes atau template pada script CMS yang da sekarang ini.

1. position
position Property ini untuk menentukan dimana elemen akan ditempatkan juga untuk menempatkan elemen induk.
Selektor{ position:absolute}
Value lain : fixed,relative, static, top, bottom, left, right

2. top
top Property ini untuk menentukan bagian atas dari suatu elemen ditempatkan.
Selektor{ top:absolute}
Value lain : fixed,relative, static,auto

3. left
left Property ini untuk menentukan bagian kiri dari suatu elemen ditempatkan.
Selektor{ left:absolute}
Value lain : fixed,relative, static,auto

4. bottom
bottom Property ini untuk menentukan bagian bawah dari suatu elemen ditempatkan.
Selektor{ bottom:absolute}
Value lain : fixed,relative, static,auto

5. right
right Property ini untuk menentukan bagian kanan dari suatu elemen ditempatkan.
Selektor{ right:absolute}
Value lain : fixed,relative, static,auto

6. width
width Property ini untuk menentukan lebar dari suatu elemen
Selektor{width:50%}
value lain: …px,…em,auto

7. min-width
min-width Property ini untuk menentukan lebar minimal dari suatu elemen
Selektor{ min-width:50%}
value lain: …px,…em,auto,none

8. max-width
max-width Property ini untuk menentukan lebar maximal dari suatu elemen
Selektor{ max-width:50%}
value lain: …px,…em,auto,none

9. height
height Property ini untuk menentukan tinggi dari suatu elemen
Selektor{ height:50%}
value lain: …px,…em,auto,none

10. min-height
min-height Property ini untuk menentukan tinggi minimal dari suatu elemen
Selektor{ min-height:50%}
value lain: …px,…em,auto,none

11. max-height
max-height Property ini untuk menentukan tinggi maximal dari suatu elemen
Selektor{ max-height:50%}
value lain: …px,…em,auto,none

12. z-index
z-index Property ini untuk mengatur beberpa elemen yang terjadi overlap
Selektor{z-index:auto}
value lain mengunakan bilangan bulat ( integer)

13. visibility
visibility Property ini untuk mengatur elemen apakah ditampilkan pada browser atau tidak.
Selektor{ visibility:hidden}
Value lain : visible, collapse

14. overflow
overflow Property ini untuk mengatur menampilkan konten yang tidak bisa ditampung oleh elemen
Selektor{ overflow:auto}
Value Lain : hidden, scroll, visible

15. float
float Property ini membuat efek elemen yang keluar dari flow dan ditempatkan disisi kiri atau kanan suatu elemen
Selektor(float:left}
Value lain : None, right

16. clear
clear Property ini digunakan bersama dengan float dan disini ditentukan apakah elemen bisa menerima suatu float atau tidak.
Selektor{ clear:both}
Value lain : left, right, none

17. clip
clip Property ini untuk mengatur cupilkan kecil suatu elemen untuk ditampilkan.
Selektor{ clip:rect('top', 'right', 'bottom', 'left')}
Value lain : both