Sifa background-position-y

Sifa background-position-y inaweka msimamo wa picha ya background ya kipengele kwa wima.

Sifa inaweza kukubali maadili yafuatayo: top, center, bottom, na pia inawezekana kubainisha msimamo wa background kwa asilimia au pikseli.

Kiendesi

csskichagua {
  background-position-y: thamani;
}

Mfano

Wacha tuweke picha ya background juu kwa wima:

html<div id="elem"></div>

css#elem {
  background-position-y: top;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Mfano

Sasa hebu tusogeze background katikati:

html<div id="elem"></div>

css#elem {
  background-position-y: center;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Mfano

Sasa tubainishe msimamo wa background kwa asilimia:

html<div id="elem"></div>

css#elem {
  background-position-y: 80%;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Angalia Pia