اسٹائل borderWidth پرزنٹیج

تعریف اور استعمال

borderWidth اس پرزنٹیج یا ترجیح کا تعین یا واپسی کردار یا عناصر کا بوردر کا عرض سے کیا جاتا ہے。

اس کی اپنائی جانے والی مقادیر کی تعداد ایک سے چار تک ہونی چاہئیتی ہے:

  • ایک مقادیر، مثلاً: p {border-width: thick} - سارترو چارو کا بوردر کا عرض چوکا ہے
  • ਦੋ ਮੁੱਲ, ਉਦਾਹਰਣ: p {border-width: thick thin} - ਉੱਪਰ-ਨੀਚੇ ਬਾਰਡਰ ਕੜ੍ਹੀ, ਪੱਛਮ-ਪੂਰਬ ਬਾਰਡਰ ਕਿਰਤੀ
  • ਤਿੰਨ ਮੁੱਲ, ਉਦਾਹਰਣ: p {border-width: thick thin medium} - ਉੱਪਰ ਬਾਰਡਰ ਕੜ੍ਹੀ, ਪੱਛਮ-ਪੂਰਬ ਬਾਰਡਰ ਕਿਰਤੀ, ਨੀਚੇ ਬਾਰਡਰ ਮੱਧ
  • ਚਾਰ ਮੁੱਲ, ਉਦਾਹਰਣ: p {border-width: thick thin medium 10px} - ਉੱਪਰ ਬਾਰਡਰ ਕੜ੍ਹੀ, ਪੱਛਮ ਬਾਰਡਰ ਕਿਰਤੀ, ਨੀਚੇ ਬਾਰਡਰ ਮੱਧ, ਪੱਛਮ ਬਾਰਡਰ 10px

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS کا بوردر

CSS ਪੁਸਤਕਾਲ:border-width ਗੁਣ

HTML DOM ਪੁਸਤਕਾਲ:border ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਚੌਕਸਾ <div> ਏਲੀਮੈਂਟ ਦੀ ਚੌਕਸਾ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਬਦਲੋ:

document.getElementById("myDiv").style.borderWidth = "thick";

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਉਦਾਹਰਣ 2

ਚੌਕਸਾ <div> ਏਲੀਮੈਂਟ ਦੀ ਉੱਪਰ-ਹੇਠ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਕੜ੍ਹੀ ਕਰੋ, ਅਤੇ ਬਾਹਰ-ਅੰਦਰ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਕਿਰਤੀ ਕਰੋ:

document.getElementById("myDiv").style.borderWidth = "thick thin";

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਉਦਾਹਰਣ 3

ਚੌਕਸਾ <div> ਏਲੀਮੈਂਟ ਦੀ ਚੌਕਸਾ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਲੰਬਾਈ ਮੁੱਲ ਨਾਲ ਬਦਲੋ:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਉਦਾਹਰਣ 4

ਵਾਪਸੀ <div> ਏਲੀਮੈਂਟ ਦੀ ਬਾਰਡਰ ਚੌੜਾਈ:

alert(document.getElementById("myDiv").style.borderWidth);

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਸਿਧਾਂਤ

borderWidth ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.borderWidth

borderWidth ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
ਮੁੱਲ ਵਰਣਨ
thin ਕਿਰਤੀ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
medium ਮੱਧ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਮੂਲਤਬੀ ਮੁੱਲ。
thick ਕੜ੍ਹੀ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
length ਲੰਬਾਈ ਦੇ ਅਧਾਰ 'ਤੇ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ。
initial ਇਸ ਗੁਣ ਨੂੰ ਮੂਲਤਬੀ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲਤਬੀ ਮੁੱਲ: medium
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਸੰਸਕਰਣ： CSS1

بروسر کی پشتیبندگی

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی