CSS border-inline-start ਪ੍ਰਤੀਯੋਗਿਤਾ

定义和用法

border-inline-start 属性是以下属性的简写：

• border-inline-start-width
• border-inline-start-style
• border-inline-start-color

CSS border-inline-start 属性与 CSS 属性 border-bottom、border-left、border-right ਅਤੇ border-top 非常相似，但 border-inline-start 属性依赖于行内方向。

注意：的相关 CSS 属性 writing-mode、text-orientation ਅਤੇ direction ਇਲਾਕੇ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਇੱਕ ਲਾਈਨ ਦੇ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਅਤੇ ਇਸ ਤੋਂ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ border-inline-start ਗੁਣ ਦਾ ਨਤੀਜਾ। ਅੰਗਰੇਜ਼ੀ ਪੰਨਿਆਂ ਵਿੱਚ ਇਲਾਕੇ ਦਿਸ਼ਾ ਇਸ ਤਰ੍ਹਾਂ ਹੈ: ਇਲਾਕੇ ਦਿਸ਼ਾ ਵੱਲੋਂ ਖੱਬੇ ਤੋਂ ਸੱਜੇ ਅਤੇ ਬਲਕ ਦਿਸ਼ਾ ਉੱਤੇ ਨਾਲੋਂ ਹੇਠਾਂ ਹੈ।

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

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

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

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

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

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

div {
  writing-mode: vertical-rl;
  border-inline-start: 5px solid blue;
}

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

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

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

div {
  direction: rtl;
  border-inline-start: 5px solid hotpink;
}

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

CSS ਗਰੇਫਿਕਸ

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

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੰਨੇ

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

ਸਰੋਤ:CSS بوردر کی ویژگی

ਸਰੋਤ:CSS بوردر-اینلاین کی ویژگی

ਸਰੋਤ:CSS بوردر-اینلاین-پائین-استایل کی ویژگی

ਸਰੋਤ:CSS border-inline-start-color ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS بوردر-پائین-رنگ کی ویژگی

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

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

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

ਸਰੋਤ:CSS ڈائریکشن پرپرٹی

ਸਰੋਤ:CSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਸਰੋਤ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ