CSS بوردر بلوک خاتمه اتریت

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

border-block-end ਗੁਣ ਹੇਠ ਲਿਖੇ ਗੁਣਾਂ ਦੇ ਸ਼ਾਬਦਿਕ ਸਰਲੀਕਰਣ ਹਨ:

• border-block-end-width
• border-block-end-style
• ਬੋਰਡਰ-ਬਲਾਕ-ਐਂਡ-ਕੋਲਰ

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

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

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸ਼ਰੀਕਾਰ ਵਿੱਚ ਪੱਧਰਾ ਅੰਦਰਲੇ ਪਾਸੇ ਦੀ ਬਰਾਉਂਡ ਚੌਡਾਈ, ਰੰਗ ਅਤੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

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

ਖੁਦ ਮੁਹਾਰਤ ਕਰੋ

ਉਦਾਹਰਣ 2: ਮਿਲਣ ਵਾਲੇ writing-mode ਗੁਣ

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

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

ਖੁਦ ਮੁਹਾਰਤ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

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

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ:CSS ਬੋਰਡਰ

ਹਵਾਲਾ:CSS بوردر اتریت

ਹਵਾਲਾ:CSS بوردر بلوک اتریت

ਹਵਾਲਾ:CSS بوردر بلوک رنگ اتریت

ਹਵਾਲਾ:CSS بوردر بلوک رنگ شروع اتریت

ਹਵਾਲਾ:CSS بوردر پائین رنگ اتریت

ਹਵਾਲਾ:CSS border-left-color ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS border-right-color ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS border-top-color ਪ੍ਰਤੀਯੋਗਿਤਾ

ਹਵਾਲਾ:CSS ਵਰਟਿੰਗ-ਮੋਡ ਪ੍ਰਾਪਰਟੀ