Penggunaan tag position di CSS

 Position merupakan property css yang digunakan untuk menentukan sifat posisi suatu elemen di suatu dokument. Sifat di sini dalam artian elemen bisa berubah, tetap , dan lain lain . Nilai dari propety bisa berbentuk static, relative, abosulute, atau fixed. Mari kita pahami satu persatu value dari property css position.


1. Static

Nilai default dari position suatu element. Value static akan membuat suatu element bertumpukan .

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Page Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  div {
     padding: 10px;
  }
  .green {
     background-color: green;
     position: static;}
  .red {
     background-color: red;
     position: static;
 }
  .yellow {
     background-color: yellow;
     position: static;
  }</style>
</head>
<body>
   <div class="green">Green</div>
   <div class="red">Red</div>
   <div class="yellow">Yellow</div>
</body>
</html>

sad

Komentar

Posting Komentar