CSS بوردر بلوک جنوبی کی عرض کی ویژگی

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

border-block-start-width ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਬਰਾਡਰ ਦੀ ਚੌਕੀ ਸੈਟ ਕਰੋ

ਧਿਆਨ:ਗੁਣ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ border-block-start-width ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ border-block-start-style ਗੁਣ ਨਾਲ

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

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

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਬਲਾਕ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ ਬਰਾਡਰ ਦੀ ਚੌਕੀ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

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

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

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰੈਮਾਟਿਕਸ

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

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
medium ਮੱਧ ਚੌਕ ਬਰਾਡਰ ਦੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲਤਵੀ ਮੁੱਲ。
thin ਕੁਚਲੀ ਬਰਾਡਰ ਦੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
thick ਸਖਤ ਬਰਾਡਰ ਦੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
length ਇਹ ਤੁਹਾਨੂੰ ਬਰਾਡਰ ਦਾ ਮੁੱਲ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦਾ ਅਧਿਕਾਰ ਦਿੰਦਾ ਹੈ।ਇਹ ਵੀ ਦੇਖੋ:سی ای ایس یونٹ
initial ਇਹ ਗੁਣ ਮੂਲਤਵੀ ਮੁੱਲ ਤੇ ਰੱਖੇ ਜਾਂਦਾ ਹੈ।ਜ਼ਿਕਰ ਕਰੋ: initial
inherit ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਹ ਗੁਣ ਲੈਂਦਾ ਹੈ।ਜ਼ਿਕਰ ਕਰੋ: inherit

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਇਹ ਸਿਫਾਰਸ਼ ਪ੍ਰਾਪਤ ਹੁੰਦਾ ਹੈ

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

ਸਬੰਧਤ ਪੇਜ਼

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

ਸਹੀਅਤ:CSS بوردر کی ویژگی

ਸਹੀਅਤ:CSS بوردر بلوک کی ویژگی

ਸਹੀਅਤ:CSS بوردر بلوک عرض کی ویژگی

ਸਹੀਅਤ:CSS بوردر بلوک شمالی کی عرض کی ویژگی

ਸਹੀਅਤ:CSS بوردر پائینی عرض کی ویژگی

ਸਹੀਅਤ:CSS بوردر-لیف-وائڈتھ اپریٹور

ਸਹੀਅਤ:CSS بوردر-رائٹ-وائڈتھ اپریٹور

ਸਹੀਅਤ:CSS بوردر-ٹاپ-وائڈتھ اپریٹور

ਸਹੀਅਤ:CSS writing-mode ਪ੍ਰਤੀਯੋਗਿਤਾ