CSS clip پراویتی

  • ਪਿਛਲਾ ਪੰਨਾ clear
  • ਅਗਲਾ ਪੰਨਾ clip-path

ਕੋਰਸ ਸਿਫਾਰਸ਼:

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

clip ਸੰਬੰਧੀ ਮੁੱਲ ਨਾਲ ਸਥਾਨਕਰਣ ਇਲਾਕੇ ਦਾ ਕਟਾਈ ਕਰਨ ਹੈ。

ਵਰਣਨ

ਇਹ ਸਵਾਲ ਪੁੱਛੋ ਕਿ ਜਦੋਂ ਇੱਕ ਚਿੱਤਰ ਦਾ ਸਾਈਜ਼ ਉਸ ਦੇ ਸਮਾਵੇਸ਼ੀ ਇਲਾਕੇ ਤੋਂ ਵੱਡਾ ਹੁੰਦਾ ਹੈ ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ? "clip" ਸੰਬੰਧੀ ਮੁੱਲ ਇੱਕ ਇਲਾਕੇ ਦੀ ਦਿਸ਼ਾ ਸੈਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇਹ ਇਲਾਕਾ ਕਟਿਆ ਅਤੇ ਇਸ ਰੂਪ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。

ਇਸ ਨੂੰ ਵੀ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS ਸਥਾਨਕਰਣ

HTML DOM ਜਾਣਕਾਰੀ ਕੈਟਲੌਗ:clip ਸੰਬੰਧੀ ਮੁੱਲ

ਉਦਾਹਰਣ

ਕਟਾਈ ਕਰੇਂਗੇ ਚਿੱਤਰ:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

ਆਪਣੇ ਆਪ ਦੋਸਤ ਕਰੋ

CSS ਗਰੇਫਟਾਂ:

clip: auto|shape|initial|inherit;

ਸੰਬੰਧਤ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
shape ਇਲਾਕੇ ਦੀ ਰੂਪ ਸੈਟ ਕਰਨ। ਇੱਕਮਾਤਰ ਪਾਰਟੀ ਰੂਪ ਮੁੱਲ ਹੈ: rect (top, right, bottom, left)
auto ਮੂਲ ਮੁੱਲ। ਕੋਈ ਕੰਮ ਕਰਨ ਵਾਲੀ ਕਟਾਈ ਨਹੀਂ ਹੈ。
inherit clip ਸੰਬੰਧੀ ਮੁੱਲ ਨੂੰ ਪੈਰੇਂਟ ਇਲਾਕੇ ਤੋਂ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਨਿਰਦੇਸ਼ਾਂ ਦਿੰਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਪਰਿਵਾਰਤਾਪੰਨ: no
ਸੰਸਕਰਣ: CSS2
JavaScript ਗਰੇਫਟਾਂ: object.style.clip="rect(0px,50px,50px,0px)"

ਹੋਰ ਉਦਾਹਰਣ

ਇਲਾਕੇ ਦੀ ਰੂਪ ਸੈਟ ਕਰਨ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਇਕੱਲੇ ਇਲਾਕੇ ਦੀ ਰੂਪ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ। ਇਹ ਇਲਾਕਾ ਰੂਪ ਵਿੱਚ ਕਾਟਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਫਿਰ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਨੰਬਰ ਸਾਰੇ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਸੂਚੀ ਹੈ。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0
  • ਪਿਛਲਾ ਪੰਨਾ clear
  • ਅਗਲਾ ਪੰਨਾ clip-path