style width ਵਿਸ਼ੇਸ਼ਤਾ

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

width width ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ。

width ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮਾਤਾ ਇਲਾਕੇ ਦੇ ਰੂਪ ਵਿੱਚ ਹੋਰ ਜਾਂ ਸਥਾਨਕ ਜਾਂ ਨਿਰਧਾਰਿਤ ਲੋਕੇਸ਼ਨ ਵਾਲੇ ਇਲਾਕਿਆਂ ਪ੍ਰਤੀ ਹੋਂਦਾ ਹੈ। ਸਾਰੇ ਬਾਹਰੀ ਸਮੱਗਰੀ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਰਾਹੀਂ ਸੈਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ overflow ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਹੱਲ ਕਰੋ。

ਸੁਝਾਅ:ਸੁਝਾਅ ਵਰਤੋਂ height ਵਿਸ਼ੇਸ਼ਤਾ ਇਲਾਕੇ ਦੀ ਉਚਾਈ ਨੂੰ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ。

ਹੋਰ ਸੰਦਰਭ:

CSS ਟੂਰCSS Dimension

CSS ਟੂਰCSS ਫੈਂਕਸ਼ਨ ਮਾਡਲ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:width ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

button ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ:

document.getElementById("myBtn").style.width = "300px";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

div ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ:

document.getElementById("myDIV").style.width = "500px";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

img ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਅਤੇ ਹਾਈਡ ਸੈਟ ਕਰੋ:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 4

img ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਵਾਪਸ ਕਰੋ:

alert(document.getElementById("myImg").style.width);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸ਼ਾਬਦਿਕ ਰੂਪ

width ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਕਰੋ:

object.style.width

width ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.width = "auto|length|%|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
auto ਬਰਾਊਜ਼ਰ ਚੌਡਾਈ ਸੈਟ ਕਰਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ。
length ਚੌਡਾਈ ਨੂੰ ਮੀਟਰ, ਇੰਚ, ਪਿਕਸਲ ਆਦਿ ਨਾਲ ਨਿਰਧਾਰਿਤ ਕਰੋ。
% ਮਾਤਾ ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕਰੋ。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ। ਦੇਖੋ initial.
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਾਲੀ ਕਰਦਾ ਹੈ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਮੁੱਢਲਾ ਮੁੱਲ: ਇੱਕ ਸਤਰ ਹੈ ਜੋ ਇਲਾਕੇ ਦੀ ਚੌਡਾਈ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

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

Chrome Edge Firefox ਸਫਾਰੀ ਓਪਰਾ
Chrome Edge Firefox ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ