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

دفعہ و کاربرد

border-block-start پروپرتیتی وچ وچ کا چکر:

• border-block-start-width
• border-block-start-style
• border-block-start-color

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

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

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਬਲਾਕ ਦਿਸ਼ਾ ਵਿੱਚ ਸ਼ੁਰੂ ਥੰਮਾ ਦੀ ਚੌਡਾਈ, ਰੰਗ ਅਤੇ ਸਟਾਈਲ ਸੈੱਟ ਕਰੋ:

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

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

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

ਬਲਾਕ ਦਿਸ਼ਾ ਵਿੱਚ ਸ਼ੁਰੂ ਥੰਮਾ ਦਾ ਸਥਾਨ ਇਸ ਗੁਣ ਦੇ ਕਾਰਨ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ writing-mode ਗੁਣ ਦੇ ਪ੍ਰਭਾਵ:

div {
  writing-mode: vertical-rl;
  border-block-start: dotted blue;
}

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

CSS ਗਰੇਫਿਕਸ

border-block-start: border-block-start-width border-block-start-style border-block-start-color|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੇਜਜ਼

ਟੂਰੀਅਲ:CSS ਬਾਰਡਰ

ਪਰਸਪੈਕਟਿਵ:CSS بوردر پراویوٹ

ਪਰਸਪੈਕਟਿਵ:CSS بوردر بلوک پراویوٹ

ਪਰਸਪੈਕਟਿਵ:CSS بوردر بلوک رنگ پراویوٹ

ਪਰਸਪੈਕਟਿਵ:CSS بوردر بلوک شروع رنگ پراویوٹ

ਪਰਸਪੈਕਟਿਵ:CSS بوردر بوتوم رنگ پراویوٹ

ਪਰਸਪੈਕਟਿਵ:CSS border-left-color کی آپریشن

ਪਰਸਪੈਕਟਿਵ:CSS border-right-color کی آپریشن

ਪਰਸਪੈਕਟਿਵ:CSS border-top-color کی آپریشن

ਪਰਸਪੈਕਟਿਵ:CSS ਵਰਟਿੰਗ-ਮੋਡ ਪ੍ਰਾਪਰਟੀ