CSS بوردر اینلاین ختم رنگ اپریٹ

定义和用法

border-inline-end-color 属性设置元素在其行内方向末端的边框颜色。

ਨੋਟ:要使 border-inline-end-color 属性生效,必须设置 border-inline-end-style 属性。

CSS border-inline-end-color ਗੁਣ ਨਾਲ border-bottom-colorਅਤੇborder-left-colorਅਤੇborder-right-color ਅਤੇ border-top-color ਗੁਣ ਬਹੁਤ ਸਮਾਨ ਹਨ ਲੇਕਿਨ border-inline-end-color ਗੁਣ ਲੜੀ ਦੀ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

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

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਲੜੀ ਦੀ ਅੰਤਮ ਦਿਸ਼ਾ ਦੀ ਬਾਰਡਰ ਰੰਗ ਸੈਟ ਕਰੋ:

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

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

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

ਲੜੀ ਦੀ ਅੰਤਮ ਸਥਿਤੀ ਦੀ ਬਾਰਡਰ ਨੂੰ writing-mode ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

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

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

ਲੜੀ ਦੀ ਅੰਤਮ ਸਥਿਤੀ ਦੀ ਬਾਰਡਰ ਨੂੰ direction ਗੁਣ ਦਾ ਪ੍ਰਭਾਵ:

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

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

CSS ਗਰੰਥ

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

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
color ਬਾਰਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ।ਮੂਲ ਮੁੱਲ ਹੈ ਐਲੀਮੈਂਟ ਦਾ ਮੌਜੂਦਾ ਰੰਗ।ਦੇਖੋ:سی ای ایس رنگ کا ورت.
transparent ਬਾਰਡਰ ਰੰਗ ਨੂੰ ਪਾਰੰਥਰਾਲ ਰੰਗ ਬਣਾਓ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ।ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ ਮੁੱਦਾ: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 ਪ੍ਰਤੀਯੋਗਿਤਾ