CSS offset-distance ਪ੍ਰਤੀਯੋਗਤਾ

ਪਿਛਲਾ ਪੰਨਾ ਆਫਸੈਟ-ਆਂਕਰ
ਅਗਲਾ ਪੰਨਾ ਆਫਸੈਟ-ਪਾਥ

ਗੁਣ ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

offset-distance ਗੁਣ ਵੱਲੋਂ ਨਿਰਧਾਰਿਤ ਪਾਥ ਦੁਆਰਾ ਐਲੀਮੈਂਟ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ: ਆਫਸੈਟ-ਪਾਥ ਗੁਣ ਵੱਲੋਂ ਨਿਰਧਾਰਿਤ ਪਾਥ ਦੇ ਮੁੱਢਲੇ ਮੁੱਕਦੇ ਦਰਮਿਆਨ ਦੂਰੀ。

ਇੰਸਟੈਂਸ

<img> ਐਲੀਮੈਂਟ ਆਪਣੇ ਨਿਰਧਾਰਿਤ ਪਾਥ 'ਤੇ ਰੱਖਿਆ ਗਿਆ ਹੈ, ਪਾਥ ਦੇ ਮੁੱਢਲੇ ਮੁੱਕਦੇ ਤੋਂ 33% ਦੂਰੀ 'ਤੇ ਹੈ。

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

ਖੁਦ ਦੋਹਰਾਓ

ਸੀਐੱਸਐੱਸ ਗਰੰਥ

offset-distance: auto|length|initial|inherit;

ਗੁਣ ਕੀਮਤ

ਕੀਮਤ	ਵਰਣਨ
0	ਐਲੀਮੈਂਟ ਪਾਥ ਦੇ ਮੁੱਢਲੇ ਮੁੱਕਦੇ 'ਤੇ ਰੱਖਿਆ ਗਿਆ ਹੈ। ਮੂਲਤਬੀ ਕੀਮਤ。
length	ਸਥਾਈ ਇਕਾਈ (ਜਿਵੇਂ ਕਿ px, pt, cm ਆਦਿ) ਦੀ ਵਰਤੋਂ ਨਾਲ ਐਲੀਮੈਂਟ ਅਤੇ ਪਾਥ ਦੇ ਮੁੱਢਲੇ ਮੁੱਕਦੇ ਦਰਮਿਆਨ ਦੂਰੀ ਨੂੰ ਸੈਟ ਕਰੋ。 ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਨੂੰ ਨਹੀਂ ਮਨਜ਼ੂਰ ਕੀਤਾ ਜਾਵੇਗਾ। ਦੇਖੋ:سی ایس ایس اکائی.
%	ਪਾਥ ਦੀ ਲੰਬਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਦੂਰੀ ਨੂੰ ਸੈਟ ਕਰੋ。
initial	ਇਹ ਗੁਣ ਆਪਣੇ ਮੂਲਤਬੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit	ਇਹ ਗੁਣ ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਵਿਰਾਸਤ ਲਈ ਹੈ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਬੀ ਕੀਮਤ:	0
ਵਿਰਾਸਤੀਕਰਨ:	ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ:	ਸਮਰਥਨ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਵਰਜਨ:	ਸੀਐੱਸਐੱਸ3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ	object.style.offsetDistance="200px"