Kembali ke List CSS
Properti position pada CSS menggunakan kode "position" digunakan untuk posisi sebuah element CSS adapun elemen yang diset bisa di atas, bawah, kiri, dan kanan
disini ada 4 metode menggunakan properti position
.lain {
position: static;
top: 0px;
left: 80px;
padding: 10px;
margin: 5px;
background-color:yellow;
border: 1px solid #000; width: 20%; }
pada contoh tersebut nilai top, left tidak akan berpengaruh pada position static.
Berikut contoh lengkapnya
p{
position:fixed;Properti position pada CSS menggunakan kode "position" digunakan untuk posisi sebuah element CSS adapun elemen yang diset bisa di atas, bawah, kiri, dan kanan
disini ada 4 metode menggunakan properti position
| Property | value |
|---|---|
| position | static |
| position | fixed |
| position | relative |
| position | absolute |
1..Posisi static pada posisi static menggunakan kode position : static ; maka properti top, bottom, left dan right tidak akan berpengaruh
contoh
top: 0px;
left: 80px;
padding: 10px;
margin: 5px;
background-color:yellow;
border: 1px solid #000; width: 20%; }
pada contoh tersebut nilai top, left tidak akan berpengaruh pada position static.
Berikut contoh lengkapnya
top:20px;
right:10px; }
Contoh lengkapnya adalah sebagai berikut
0 komentar:
Posting Komentar