background-attachment ගුණය

background-attachment ගුණය මගින් මූලද්‍රව්‍යයක පසුබිම් පින්තූරය කෙසේ අනුචලනය කරන්නේද යන්න නියම කරයි: පාඨය සමඟ එකටද නැතහොත් පාඨය පින්තූරය මත සරිලන ආකාරයටද.

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා {
  background-attachment: fixed | scroll | local;
}

අගයන්

පෙරනිමි අගය: scroll.

උදාහරණය . scroll අගය

දැන් background-attachment ගුණය scroll අගයට සකසා ඇත. මූලද්‍රව්‍යය සිරස් අතට අනුචලනය කරන්න - පාඨය පසුබිම සමඟ එකට අනුචලනය වන ආකාරය ඔබ දකිනු ඇත:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  background-attachment: scroll;
  background-image: url("bg.png");
}

#elem {
  width: 400px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 20px;
}

Результат:

උදාහරණය . fixed අගය

දැන් background-attachment ගුණය fixed අගයට සකසා ඇත. මූලද්‍රව්‍යය සිරස් අතට අනුචලනය කරන්න - පාඨය පසුබිම මත සරිලන ආකාරය ඔබ දකිනු ඇත:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  background-attachment: fixed;
  background-image: url("bg.png");
}

#elem {
  width: 400px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 20px;
}

Результат:

බලන්න