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;
}

Результат:

Տես նաև