CSS بوردر-اینلاین-وائڈت اپریٹ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਇਲਾਕੇ ਨੂੰ ਲਾਈਨ ਅੰਦਰ ਦੀ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਨੋਟ:ਜਿਸ ਲਈ border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਕੰਮ ਕਰਨ ਲਈ border-inline-style.

border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਜੇਕਰ border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਦੋ ਮੁੱਲ ਹਨ:

border-inline-width: 10px 50px;

• ਲਾਈਨ ਅੰਦਰ ਸ਼ੁਰੂ ਦੇ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ 10px ਹੈ
• ਲਾਈਨ ਅੰਦਰ ਸਮਾਪਤ ਦੇ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ 50px ਹੈ

ਜੇਕਰ border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਮੁੱਲ ਹੈ:

border-inline-width: 10px;

• ਲਾਈਨ ਅੰਦਰ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ 10px ਹੈ

CSS border-inline-width ਵਿਸ਼ੇਸ਼ਤਾ ਅਤੇ CSS ਵਿਸ਼ੇਸ਼ਤਾ border-bottom-width、border-left-width、border-right-width ਅਤੇ border-top-width ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ border-inline-width ਗੁਣ ਲੰਬਾਈ ਦਿਸ਼ਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

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

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashed;
  border-inline-width: thin thick;
}

ਖੁਦ ਮੈਚ ਕਰੋ

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

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

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

ਖੁਦ ਮੈਚ ਕਰੋ

ਉਦਾਹਰਣ 3: direction ਗੁਣ ਦੇ ਨਾਲ ਮਿਲਾਇਆ

ਲੰਬਾਈ ਦਿਸ਼ਾ 'ਤੇ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਬਰਾਉਂਡਰ ਦਾ ਸਥਾਨ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ direction ਗੁਣ ਪ੍ਰਭਾਵ:

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

ਖੁਦ ਮੈਚ ਕਰੋ

CSS ਗਰਿੱਖ

border-inline-width: medium|thin|thick|ਲੰਬਾਈ|ਮੂਲਤਵੀ|ਵਿਰਾਸਤ|;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ:CSS ਬੰਦਰ

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

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

ਸਲਾਹਦਾਰੀ:CSS بوردر-اینلاین-استایل اپریٹ

ਸਲਾਹਦਾਰੀ:CSS بوردر بہاؤ کوئنٹائٹی اپریٹ

ਸਲਾਹਦਾਰੀ:CSS بوردر-لیف-وائڈت اپریٹ

ਸਲਾਹਦਾਰੀ:CSS بوردر-رائٹ-وائڈت اپریٹ

ਸਲਾਹਦਾਰੀ:CSS بوردر-تاپ-وائڈت اپریٹ

ਸਲਾਹਦਾਰੀ:CSS دیکشنری属性

ਸਲਾਹਦਾਰੀ:CSS text-orientation ਪ੍ਰਤੀਯੋਗਿਤਾ

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