CSS border-inline-style کی ویژگی

定义和用法

border-inline-style 属性设置元素在行内方向上的边框样式。

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

ਜੇਕਰ border-inline-style ਲੱਛਣ ਦੇ ਦੋ ਮੁੱਲ ਹਨ:

div {
  • ਇਨਲਾਈਨ ਸ਼ੁਰੂ ਦੇ ਕੋਨੇ ਦਾ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲਾ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਹੈ (solid)
  • ਇਨਲਾਈਨ ਸਮਾਪਤ ਦੇ ਕੋਨੇ ਦਾ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲਾ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਹੈ (dotted)

ਜੇਕਰ border-inline-style ਲੱਛਣ ਦਾ ਇੱਕ ਮੁੱਲ ਹੈ:

writing-mode
  • ਇਨਲਾਈਨ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਕੋਨੇ ਦੇ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲੇ ਹਨ (dotted)

CSS ਦੇ border-inline-style ਲੱਛਣ ਨਾਲ border-bottom-styleborder-left-styleborder-right-style ਅਤੇ border-top-style ਲੱਛਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ, ਪਰ border-inline-style ਲੱਛਣ ਇਨਲਾਈਨ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ।

ਨੋਟ:ਸਬੰਧਤ CSS ਲੱਛਣ border-inline-style: dashed dotted;text-orientation ਅਤੇ ਉਦਾਹਰਣ 3: direction ਗੁਣ ਦੇ ਨਾਲ ਮਿਲਾਇਆ ਇਨਲਾਈਨ ਦਿਸ਼ਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਇਹ ਸ਼ਾਰਟ ਦੀ ਸ਼ੁਰੂਆਤ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ, ਅਤੇ border-inline-style ਲੱਛਣ ਦਾ ਨਤੀਜਾ। ਇੰਗਲਿਸ਼ ਪੰਨੇ ਲਈ، ਇਨਲਾਈਨ ਦਿਸ਼ਾ ਆਖਰੀ ਤੋਂ ਪਹਿਲਾਂ ਹੁੰਦੀ ਹੈ, ਬਲਾਕ ਦਿਸ਼ਾ ਹੇਠਾਂ ਹੁੰਦੀ ਹੈ।

实例

}

ਇਨਸਟੈਂਸੇ

ਉਦਾਹਰਣ 1
  ਲੜੀ ਦਿਸ਼ਾ 'ਤੇ ਬੋਰਡਰ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; ਲੜੀ ਵਿੱਚ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਬੋਰਡਰ ਸਥਾਨ ਦੇ ਨਿਰਧਾਰਣ ਵਿੱਚ

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

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; ਉਦਾਹਰਣ 3: direction ਗੁਣ ਦੇ ਨਾਲ ਮਿਲਾਇਆ ਲੜੀ ਵਿੱਚ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਬੋਰਡਰ ਸਥਾਨ ਦੇ ਨਿਰਧਾਰਣ ਵਿੱਚ

direction
  ਗੁਣ ਪ੍ਰਭਾਵ:
  div {
direction: rtl;

border-inline-style: solid dotted;

}

ਆਪਣੇ ਆਪ ਮੰਗੋ

CSS ਗਰੇਫਿਕਸ

border-inline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; ਗੁਣ ਮੁੱਲ
none ਮੁੱਲ
ਵੇਰਵਾ ਮੂਲ ਮੁੱਲ। ਬੋਰਡਰ ਨਾ ਹੋਣ ਦਾ ਸੰਕੇਤ ਦਿੰਦਾ ਹੈ。
hidden ਨਾਨ ਨਾਲ ਮੰਗਦਾ ਹੈ, ਪਰ ਟੇਬਲ ਐਲੀਮੈਂਟ ਦੇ ਬੋਰਡਰ ਟਕਰਾਅ ਹੱਲ ਵਿੱਚ ਅਲੱਗ ਹੈ।
dashed ਸਟਾਈਲ ਦੇਣਾ
solid ਸਿੱਧੀ ਬੋਰਡਰ ਦੇਣਾ
double ਦੁਜਾਰਾ ਬੋਰਡਰ ਦੇਣਾ
groove

3D ਸ਼ੁੱਧ ਬੋਰਡਰ ਦੇਣਾ

ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ।

ridge

3D ਉੱਭਰ ਬੋਰਡਰ ਦੇਣਾ

ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ।

inset

3D ਅੰਦਰੂਨੀ ਬੋਰਡਰ ਦੇਣਾ

ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ।

outset

3D ਬਾਹਰੀ ਬੋਰਡਰ ਦੇਣਾ

ਪ੍ਰਭਾਵ ਬੋਰਡਰ-ਕਲਰ ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ।

initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਮੁਰੀਦ ਕਰੋ। ਦੇਖੋ: inherit

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none
ਮੁਰੀਦਤਾ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: ਸਮਰੱਥਾ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ
ਸੰਸਕਰਣ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ: object.style.borderInlineStyle="dotted"

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੀਆਂ ਸਮਰੱਥਾਵਾਂ ਦੀ ਪਹਿਲੀ ਪੂਰੀ ਸਮਰੱਥਾ ਦੀ ਸੰਖਿਆ ਪੱਤਰ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ।

ਚਰਮੋਗਰਾਈਨ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
87.0 87.0 66.0 14.1 73.0

ਸਬੰਧਤ ਪੰਨੇ

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

ਸੰਦਰਭ:CSS بوردر اپریٹ

ਸੰਦਰਭ:CSS بوردر اینلاین اپریٹ

ਸੰਦਰਭ:CSS border-inline-style کی ویژگی

ਸੰਦਰਭ:CSS بوردر باؤ استایل اپریٹ

ਸੰਦਰਭ:CSS border-left-style کی ویژگی

ਸੰਦਰਭ:CSS border-right-style کی ویژگی

ਸੰਦਰਭ:CSS border-top-style کی ویژگی

ਸੰਦਰਭ:CSS ڈائریکشن اٹری بیوٹ

ਸੰਦਰਭ:CSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਸੰਦਰਭ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ