Majina ya object-position ya CSS

定义和用法

object-position 属性与 object-fit 一起使用，可规定应如何在其“自己的内容框”内使用 x/y 坐标定位 或

另请参阅：

CSS 教程：CSS object-fit

CSS 参考手册：CSS object-position

HTML DOM 参考手册：objectPosition 属性

实例

调整图像的大小以适合其内容框，并将图像在内容框内的位置从左侧移动 5px，从顶部移动 10％：

img.a {
  width: 200px;
  height: 400px;
  object-fit: none;
  object-position: 5px 10%;
  border: 5px solid red;
}

Jifunze kufanya:

Inayotumika KiCSS

object-position: position|initial|inherit;

Wenyeji wa matumizi

Wenyeji Maelezo
position

Inasababisha picha ama video iwe na hatua kwenye ukweli wa kina yake.

Wenyeji kwanza inakadiri ukubwa wa ujukwaa, wenyeji pili inakadiri ukubwa wa ujukwaa wa yai.

Inaweza kuwa mti (left, center au right) au namba (ina ukweli wa px au %). Inapatikana maadili.
initial Inasababisha kina yako kwa kina ya kina ya kina ya kina kina yake kwa mwako wa kina yake kina ya kina yake. Angalia: initial.
inherit Inaingia katika matumizi yake ya kina ya kina ya kina kina yake. Angalia: inherit.

Maelezo ya mawasiliano

Mwako: 50% 50%
Kumuwinda: Naelewa
Hali ya huzuni: Inapatikana. Angalia:Matumizi ya hali ya huzuni.
Jicho la: CSS3
Inayotumika KiJavaScript: object.style.objectPosition="0 10%"

Mpangilio wa kina

Maneno ya kina ya tabia hufikia tabia hizi kwa kina kina ya kwanza ya kina msingi.

IE / Edge Firefox Safari Opera Kuhusu CodeW3C.com
31.0 16.0 36.0 10.0 19.0