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....
Tags:
CSS