CSS بوردر بلوک پیمائش اپریٹ

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

border-block-width ਪੈਰਾਮੀਟਰ ਸੈਟ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟਰਨਾਂ ਨੂੰ ਬਲਾਕ ਦਿਸ਼ਾ ਵਿੱਚ ਬੋਰਡਰ ਚੌਡਾਈ ਦੇ ਕੇ ਸੈਟ ਕਰੋ।

ਨੋਟ:ਕਿਉਂਕਿ border-block-width ਪੈਰਾਮੀਟਰ ਦਾ ਪ੍ਰਭਾਵ ਪੈਣਾ, ਸੈਟ ਕਰਨਾ ਹੋਵੇਗਾ border-block-style.

border-block-width ਪੈਰਾਮੀਟਰ ਦਾ ਮੁੱਲ ਕਈ ਤਰੀਕਿਆਂ ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਜੇਕਰ border-block-width ਪੈਰਾਮੀਟਰ ਦੋ ਮੁੱਲ ਹਨ:

border-block-width: 10px 50px;

• ਬਲਕ ਸ਼ੁਰੂ ਸਥਾਨ ਦੇ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ 10px ਹੈ
• ਬਲਕ ਸਮਾਪਤ ਸਥਾਨ ਦੇ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ 50px ਹੈ

ਜੇਕਰ border-block-width ਗੁਣ ਨੂੰ ਇੱਕ ਮੁੱਲ ਹੈ:

border-block-width: 10px;

• ਬਲਕ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਦੇ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ 10px ਹੈ

CSS border-block-width ਗੁਣ ਨੂੰ CSS ਗੁਣ border-bottom-width,border-left-width,border-right-width ਅਤੇ border-top-width ਬਹੁਤ ਹੀ ਸਮਾਨ ਹੈ ਪਰ border-block-width ਗੁਣ ਬਲਕ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

ਨੋਟ:ਸਬੰਧਤ CSS ਗੁਣ writing-mode ਬਲਕ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਬਲਕ ਦੇ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਅਤੇ border-block-width ਗੁਣ ਦੇ ਨਤੀਜੇ।ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ，ਇਨਲਾਈਨ ਦਿਸ਼ਾ ਪੂਰਬ ਤੋਂ ਪਸ਼ਚਿਮ ਹੁੰਦੀ ਹੈ，ਬਲਕ ਦਿਸ਼ਾ ਹੇਠਾਂ ਹੁੰਦੀ ਹੈ。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਬਲਕ ਦਿਸ਼ਾ ਉੱਤੇ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ ਸੈਟ ਕਰੋ:

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: ਸੂਕਸ਼ਮ ਗੁੰਬਜੀ;
}

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

ਉਦਾਹਰਣ 2: ਸਾਥੇ writing-mode ਗੁਣ

ਬਲਕ ਦਿਸ਼ਾ ਉੱਤੇ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਦੇ ਬਰਾਉਂਡ ਇਸ ਗੁਣ ਦੇ writing-mode ਗੁਣ ਪ੍ਰਭਾਵ:

div {
  border-block-style: solid;
  writing-mode: vertical-rl;
  border-block-width: 5px;
}

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

CSS ਗਰੰਟਸਾਂ

border-block-width: ਮੀਡੀਅਮ|ਸੂਕਸ਼ਮ|ਗੁੰਬਜੀ|ਲੰਬਾਈ|ਮੂਲ ਮੁੱਲ|ਵਿਰਾਸਤੀ|;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਟਰੀਅਲ:CSS ਬੰਦਰ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر بلوک اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر بلوک ختم پیمائش اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر بلوک شروع پیمائش اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر بلوک سائن اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS بوردر بوتوم پیمائش اپریٹ

ਸਲਾਹਦਾਰੀਕਰਨ:CSS border-left-width 属性

ਸਲਾਹਦਾਰੀਕਰਨ:CSS border-right-width 属性

ਸਲਾਹਦਾਰੀਕਰਨ:CSS border-top-width 属性

ਸਲਾਹਦਾਰੀਕਰਨ:CSS writing-mode ਪ੍ਰਤੀਯੋਗਿਤਾ