CSS border-inline-style کی ویژگی
- ਪਿਛਲਾ ਪੰਨਾ border-inline-start-width
- ਅਗਲਾ ਪੰਨਾ border-inline-width
定义和用法
border-inline-style
属性设置元素在行内方向上的边框样式。
border-inline-style
ਲੱਛਣ ਦੇ ਮੁੱਲ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਨਾਲ ਸੈਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ:
ਜੇਕਰ border-inline-style
ਲੱਛਣ ਦੇ ਦੋ ਮੁੱਲ ਹਨ:
div {
- ਇਨਲਾਈਨ ਸ਼ੁਰੂ ਦੇ ਕੋਨੇ ਦਾ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲਾ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਹੈ (solid)
- ਇਨਲਾਈਨ ਸਮਾਪਤ ਦੇ ਕੋਨੇ ਦਾ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲਾ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਹੈ (dotted)
ਜੇਕਰ border-inline-style
ਲੱਛਣ ਦਾ ਇੱਕ ਮੁੱਲ ਹੈ:
writing-mode
- ਇਨਲਾਈਨ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਦੇ ਕੋਨੇ ਦੇ ਬਾਰੇ ਬਾਰੇ ਬਾਰੇ ਲੈਣ ਵਾਲੇ ਹਨ (dotted)
CSS ਦੇ border-inline-style
ਲੱਛਣ ਨਾਲ border-bottom-style
、border-left-style
、border-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;
}
ਆਪਣੇ ਆਪ ਮੰਗੋ
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 ڈائریکشن اٹری بیوٹ
- ਪਿਛਲਾ ਪੰਨਾ border-inline-start-width
- ਅਗਲਾ ਪੰਨਾ border-inline-width