CSS بوردر بلوک انڈ ویڈتھ اتریتیم

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

border-block-end-width ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ

ਨੋਟ:ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ border-block-end-width ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ border-block-end-style ਗੁਣ ਨਾਲ

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

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

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

div {
  border-block-end-style: solid;
  border-block-end-width: 10px;
}

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

ਉਦਾਹਰਣ 2: ਵਿਰਾਸਤੀਕਰਣ ਗੁਣ ਦੇ ਨਾਲ

ਬਲਾਕ ਦਿਸ਼ਾ ਦੇ ਅੰਤ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ ਦਾ ਸਥਾਨ ਇਸ ਦੁਆਰਾ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ: writing-mode ਗੁਣ ਦੇ ਪ੍ਰਭਾਵ:

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

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

CSS ਗਰੇਫਿਕਸ

border-block-end-width: medium|thin|thick|length|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਮੀਡੀਅਮ ਮੀਡੀਅਮ ਚੌਕੇਦਾਰੀ ਦੇ ਬਰਾਉਂਡ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲ ਮੁੱਲ。
thin ਸ਼ੁਦਰ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ。
thick ਸ਼ੁਦਰ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ。
length ਇਹ ਤੁਹਾਨੂੰ ਬਰਾਉਂਡ ਦੀ ਚੌਕੇਦਾਰੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ।ਦੇਖੋ:CSS اکائی.
ਮੂਲ ਮੁੱਲ ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: ਮੂਲ ਮੁੱਲ.
ਵਿਰਾਸਤੀ ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨ ਤੋਂ ਵਿਰਾਸਤ ਕਰੋ।ਦੇਖੋ: ਵਿਰਾਸਤੀ.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: ਮੀਡੀਅਮ
ਵਿਰਾਸਤੀਕਰਣ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਪਰਾਰਸ਼ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਗੁਣ.
ਵਰਜਨ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ object.style.borderBlockEndWidth="10px"

ਬਰਾਊਜ਼ਰ ਸਪਰਾਰਸ਼

ਸਪਰਾਰਸ਼ ਵਿੱਚ ਦਿੱਤੇ ਨੰਬਰ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਪੂਰਨਤਾ ਵਾਲਾ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
69.0 79.0 41.0 12.1 56.0

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਜ਼CSS ਬੰਦਰ

ਸਲਾਹਦਾਰੀ:CSS بوردر اتریتیم

ਸਲਾਹਦਾਰੀ:CSS بوردر بلوک اتریتیم

ਸਲਾਹਦਾਰੀ:CSS بوردر بلوک انڈ کا اتریتیم

ਸਲਾਹਦਾਰੀ:CSS بوردر بلوک انڈ استائل اتریتیم

ਸਲਾਹਦਾਰੀ:CSS بوردر بلوک اسٹارٹ ویڈتھ اتریتیم

ਸਲਾਹਦਾਰੀ:CSS بوردر بوتوم ویڈتھ اتریتیم

ਸਲਾਹਦਾਰੀ:CSS border-left-width کی ویژگی

ਸਲਾਹਦਾਰੀ:CSS border-right-width کی ویژگی

ਸਲਾਹਦਾਰੀ:CSS border-top-width کی ویژگی

ਸਲਾਹਦਾਰੀ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ