CSS بوردر-اینلاین-استارٹ-کولر پرپریتي

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

ਧਿਆਨ:要使 border-inline-start-color 属性生效,必须设置 border-inline-start-style 属性。

CSS border-inline-start-color 属性与 border-bottom-color,border-left-color,border-right-color ਅਤੇ border-top-color ਗੁਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ, ਪਰ border-inline-start-color ਗੁਣ ਸ਼ਾਰਟ ਸ਼ਾਬਦੀ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ.

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

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸ਼ਾਰਟ ਸ਼ਾਬਦੀ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ ਬਰਾਉਜ਼ਰ ਦੀ ਰੰਗ ਸਪੱਸ਼ਟ ਕਰੋ

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

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

ਉਦਾਹਰਣ 2

writing-mode ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ

ਸ਼ਾਰਟ ਸ਼ਾਬਦੀ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸਥਿਤੀ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ writing-mode ਗੁਣ ਪ੍ਰਭਾਵ:

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

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

ਉਦਾਹਰਣ 3

direction ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ

ਸ਼ਾਰਟ ਸ਼ਾਬਦੀ ਦੀ ਸ਼ੁਰੂਆਤ ਅਤੇ ਸਮਾਪਤ ਦੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸਥਿਤੀ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ direction ਗੁਣ ਪ੍ਰਭਾਵ:

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

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

CSS ਗਰੰਥਾ

border-inline-start-color: color|transparent|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
color ਸਿਖਰ ਦੀ ਰੰਗ ਸਪੱਸ਼ਟ ਕਰੋ. ਮੂਲ ਮੁੱਲ ਹੈ ਇਸ ਤੱਕ ਦੇ ਮੌਜੂਦਾ ਰੰਗسی ایس ایس رنگ کی قیمت.
transparent ਸਿਖਰ ਦੀ ਰੰਗ ਸਪੱਸ਼ਟ ਕਰੋ
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ. ਸੰਦਰਭਕਿਤਮਾਨ ਦੇਖੋ initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ. ਸੰਦਰਭਕਿਤਮਾਨ ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: The current color of the element
ਵਿਰਾਸਤੀਕਰਣ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰੱਥਾ. ਸੰਦਰਭਕਿਤਮਾਨ ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਸੰਸਕਰਣ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥਾ: object.style.borderInlineStartColor="pink"

ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਅਲCSS ਬੰਦਰ

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر پراویارتی

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-اینلاین پراویارتی

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-اینلاین-اند-رنگ پراویارتی

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-اینلاین-استارٹ-استايل پرپریتي

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-بوتوم-رنگ پراویارتی

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-لین-کولر پرپریتي

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-رائٹ-کولر پرپریتي

ਸੰਦਰਭਕਿਤਮਾਨCSS بوردر-ٹاپ-کولر پرپریتي

ਸੰਦਰਭਕਿਤਮਾਨCSS سمت کا اپریشن

ਸੰਦਰਭਕਿਤਮਾਨCSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਸੰਦਰਭਕਿਤਮਾਨCSS writing-mode ਪ੍ਰਾਪਰਟੀ