CSS clear کی اپریٹ

  • ਪਿਛਲੀ ਪੰਨਾ @charset
  • ਅਗਲਾ ਪੰਨਾ clip

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

clear ਵਿਸ਼ੇਸ਼ਤਾ ਨੇ ਐਲੀਮੈਂਟ ਦੇ ਕਿਸ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਹੈ。

ਵਰਣਨ

clear ਵਿਸ਼ੇਸ਼ਤਾ ਨੇ ਐਲੀਮੈਂਟ ਦੇ ਕਿਸ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਹੈ।ਸੀਐੱਸਐੱਸ1 ਅਤੇ ਸੀਐੱਸਐੱਸ2 ਵਿੱਚ ਇਹ ਸਵੈਚਾਲਿਤ ਢੋਲਾਉਣ ਦੀ ਵਿਵਸਥਾ ਰਾਹੀਂ ਹੋਇਆ ਹੈ।ਸੀਐੱਸਐੱਸ2.1 ਵਿੱਚ ਢੋਲਾਉਣ ਦੇ ਉੱਪਰ ਢੋਲਾਉਣ ਦਾ ਸਥਾਨ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਢੋਲਾਉਣ ਦਾ ਮੁੱਲ ਬਦਲਿਆ ਨਹੀਂ ਜਾਂਦਾ।ਕਿਸੇ ਵੀ ਤਰ੍ਹਾਂ ਦੇ ਬਦਲਾਅ ਵਿੱਚ ਅੰਤਿਮ ਨਤੀਜਾ ਇੱਕ ਹੀ ਹੋਵੇਗਾ, ਜੇਕਰ ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਢੋਲਾਉਣ ਵਾਲੇ ਐਲੀਮੈਂਟ ਵਾਲੇ ਹੋਣ ਤਾਂ ਉਸ ਦੇ ਉੱਪਰੀ ਬਾਹਰੀ ਹਿੱਸੇ ਦੀ ਸਿਰਫ਼ ਬੰਦੀ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟ ਦੇ ਉੱਪਰੀ ਬਾਹਰੀ ਹਿੱਸੇ ਤੋਂ ਹੇਠਾਂ ਹੋਵੇਗੀ।

ਇਹ ਦੇਖੋ:

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

HTML DOM ਸੂਚੀਬੱਧ ਮੁੱਲਾਂ:clear ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਇਸ ਐਲੀਮੈਂਟ ਦੇ ਖੱਬੇ ਅਤੇ ਸੱਜੇ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ:

img
  {
  float:left;
  clear:both;
  }

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰਾਫਿਕਸ

clear: none|left|right|both|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
left ਖੱਬੇ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
right ਸੱਜੇ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
both ਦੋਵੇਂ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀਆਂ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਇਜਾਜਤ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
none ਮੂਲਤਬੀ ਮੁੱਲ।ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਦੋਵੇਂ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀਆਂ 'ਤੇ ਦਿਖਾਈ ਦੇਣ ਦੀ ਇਜਾਜਤ ਦਿੱਤੀ ਗਈ ਹੈ。
inherit ਪਿਛਲੇ ਐਲੀਮੈਂਟ ਤੋਂ clear ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਮੁੱਲ ਲੈਣਾ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਬੀ ਮੁੱਲ: none
ਵਿਰਾਸਤ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰਾਫਿਕਸ: object.style.clear="left"

TIY ਇੰਸਟੈਂਸ

ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਦੇ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀਆਂ ਨੂੰ ਮਿਟਾਓ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖਿਆ ਜਾਵੇਗਾ ਕਿ ਕਿਵੇਂ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ ਪਾਰਸਪਰਿਕ ਪਾਰਟੀਆਂ 'ਤੇ ਫਲੌਟਿੰਗ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਮਿਟਾਇਆ ਜਾ ਸਕਦਾ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਪੋਰਟ

ਸਾਰੇ ਪਰਿਭਾਸ਼ਿਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੇ ਪੱਧਰ 'ਤੇ ਸਪੋਰਟ ਕਰਨ ਦੇ ਲਈ ਸਿਫਾਰਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ।

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0
  • ਪਿਛਲੀ ਪੰਨਾ @charset
  • ਅਗਲਾ ਪੰਨਾ clip