Kwarewa na Style objectPosition

Tukurin da yawa da amfani

objectPosition Kwarewa yana tukurin <img> ko <video> Kannun saurayi a cikin kowacikin saurayi na shi kai tsaye.

Kuma karin:

Tuturu na CSS:CSS object-fit

Manajan CSS:Kwarewa na object-position

Shafi

Tayi saurayin imaji kaiyawa da kowacikin saurayi, kuma a iya gudanar da imaji a cikin kowacikin saurayi ne kusa da babban zuwa karewar dama 5px da kusa da babban zuwa tsaki 10%:

document.getElementById("myImg").style.objectPosition = "0 10%";

Jiyar sauti

Dabamawa

Girmamawa kwarewa na objectPosition:

object.style.objectPosition

Gudanar kwarewa na objectPosition:

object.style.objectPosition = "position|initial|inherit"

Kwarewa na wurin

Wurin Yadda ake sifata
position

Za a iya gudanar da saurayin imaji ko bidiyo a cikin kowacikin saurayi.

Girmamawar farko ke kwarewa x-axis, girmamawar na biyu ke kwarewa y-axis.

Za a iya samun take (left, center ko right) ko nauyi (ta px ko %).

Kara yadda yake cikin tsufa.
initial Ka mayar da wannan kwarewa daga girmamawar sa. Ci gaba da initial.
inherit Ka kara wannan kwarewa daga abin shaɗi na baya. Ci gaba da inherit.

Tsunanin teknoloji

Dabamawa: 50% 50%
Girmamawa: Matau ko mayaki ko nauyi, yana nufin saurayi na abin da yake cikin kowacikin saurayi.
Tirar CSS: CSS3

Tukurin browsers

Tashin dinin ce maiyaki ya kisanin ayaan yadda kaɗan zaɓa kaɗan yau ya amince a kan kwarewa a cikin browsers.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0