CSS width ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

width ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮੱਗਰੀ ਦੇ ਵਿਸ਼ੇਸ਼ ਖੇਤਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਵਰਣਨ

ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮੱਗਰੀ ਦੇ ਵਿਸ਼ੇਸ਼ ਖੇਤਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਗਾਲੀ, ਬੋਰਡਰ ਅਤੇ ਮੈਰਜਨ ਹੋ ਸਕਦੇ ਹਨ。

ਲੋਕਾਂ ਵਿੱਚ ਪਰਿਵਰਤਨ ਨਹੀਂ ਕਰਨ ਵਾਲੇ ਸਥਾਨਕ ਅਤੇ ਪਰਿਵਰਤਨ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮੱਗਰੀ ਦੀ ਚੌੜਾਈ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਨਹੀਂ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਖਲਾਈCSS ਮਾਪ

CSS ਸਿਖਲਾਈCSS ਦਾ ਫਲੈਕਸ ਮਾਡਲ ਵਿਸਥਾਰ

CSS ਸੂਚਨਾ ਕੈਸਟheight ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੂਚਨਾ ਕੈਸਟwidth ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

ਪੰਨੇ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਸੈਟ ਕਰੋ:

p
  {
  height:100px;
  width:100px;
  }

ਸਵੈਯੋਗਿਤਾ ਕਰੋ

CSS ਸਿਫਾਰਸ਼:

width: auto|value|initial|inherit;

ਅਤਿਰਿਕਤ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਬਰਾਉਜ਼ਰ ਨੂੰ ਵਾਸਤਵਿਕ ਚੌੜਾਈ ਨੂੰ ਮਾਪਣਾ ਹੁੰਦਾ ਹੈ。
length px, cm ਆਦਿ ਵਰਗੇ ਇਕਾਈਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚੌੜਾਈ ਨਿਰਧਾਰਿਤ ਕਰਨਾ
% ਸਮੇਟੇ ਖੇਤਰ (ਮੂਲ ਏਜੰਟ) ਦੀ ਚੌੜਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
inherit width ਅਤੇਤੰਤਰ ਵਾਲੀ ਸੰਭਾਵਨਾ ਵਿੱਚ ਵਿੱਚ ਮੁੱਲ ਲੈਣਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਾਲੀਆਂ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਸਿਫਾਰਸ਼: object.style.width="50px"

TIY ਮਾਡਲ

ਪਿਕਸਲ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਏਜੰਟ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨਾ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਪਿਕਸਲ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਏਜੰਟ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
ਪ੍ਰਤੀਸ਼ਤ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਏਜੰਟ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨਾ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਏਜੰਟ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਹੋਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਸਾਰੇ ਪੰਨਿਆਂ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5