CSS border-inline-start-width پیوٹی
- ਪਿਛਲਾ ਪੰਨਾ border-inline-start-style
- ਅਗਲਾ ਪੰਨਾ border-inline-style
تعلیم اور استعمال
ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਲੜੀ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਦੇ ਸਥਾਨ ਅਤੇ
پروپرتیتی کا ایکم پارٹی کا فریم کی چوٹی کی فاصلہ کا پیمانہ.
ਗੁਣ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。بنا پر ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਲੜੀ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਦੇ ਸਥਾਨ ਅਤੇ
پروپرتیتی کا اثر جاری کیا ہونا چاہئی، پیکر لگانا چاہئی border-inline-start-style
ਗੁਣ
CSS ਦੇ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਲੜੀ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਦੇ ਸਥਾਨ ਅਤੇ
ਦੇ ਸਬੰਧ ਵਿੱਚ ਗੁਣ
ਦੇborder-bottom-width
ਦੇborder-left-width
text-orientation border-right-width
border-top-width ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਲੜੀ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਦੇ ਸਥਾਨ ਅਤੇ
ਗੁਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ, ਪਰ
ਗੁਣ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。ਧਿਆਨ: ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂ ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਸਥਾਨ ਇਸ ਦੇ
ਦੇਸਬੰਧਤ CSS ਗੁਣ
text-orientation ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਸਥਾਨ ਇਸ ਦੇ
ਅਤੇ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਲੜੀ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਦੇ ਸਥਾਨ ਅਤੇ
border-inline-start-width
ਗੁਣ ਦਾ ਨਤੀਜਾ।ਇੰਗਲਿਸ਼ ਪੰਨੇ ਵਾਸਤੇ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਵੱਲੋਂ ਸੱਜੇ ਤੋਂ ਖੱਬੇ ਵੱਲ ਹੈ, ਬਲਕ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਵੱਲੋਂ ਹੇਠਾਂ ਵੱਲ ਹੈ。
ਇਨਸਟੈਂਸ ਦਾ ਵਰਣਨ
ਉਦਾਹਰਣ 1
ਗੁਣ ਪ੍ਰਭਾਵ: writing-mode direction: rtl; border-inline-start-width: 10px;
ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਮੁੱਲਤਵੀਕਤਾ ਸੈਟ ਕਰੋ:
ਉਦਾਹਰਣ 2: writing-mode ਗੁਣ ਦੇ ਸਹਿਯੋਗ ਨਾਲ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂ ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਸਥਾਨ ਇਸ ਦੇ
direction
ਗੁਣ ਪ੍ਰਭਾਵ: writing-mode border-inline-start-style: solid; writing-mode: vertical-rl; border-inline-start-width: 10px;
border-inline-start-width: 5px;
ਉਦਾਹਰਣ 3: direction ਗੁਣ ਦੇ ਸਹਿਯੋਗ ਨਾਲ ਲੜੀ ਦੀ ਮੁੱਖ ਦਿਸ਼ਾ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਅੰਤ ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਸਥਾਨ ਇਸ ਦੇ
direction
ਗੁਣ ਪ੍ਰਭਾਵ: div { direction: rtl; border-inline-start-width: 10px;
ਸਵੈ ਮੋਹਮਿਆਂ ਪ੍ਰਯੋਗ ਕਰੋ
CSS ਗਰੇਫਿਕਸlengthborder-inline-start-width: medium|thin|thick|
|initial|inherit;
ਗੁਣ ਮੁੱਲ | ਮੁੱਲ |
---|---|
medium | ਵਰਣਨ |
ਨਹੀਂ ਸਮੇਂਦਰਭ ਬਾਰਡਰ ਦੀ ਮੁੱਲਤਵੀਕਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਮੂਲ ਮੁੱਲ | ਨਹੀਂ ਸਮੇਂਦਰਭ ਬਾਰਡਰ ਦੀ ਮੁੱਲਤਵੀਕਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
thick | ਮੁੱਖ ਬਾਰਡਰ ਦੀ ਮੁੱਲਤਵੀਕਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
length | ਤੁਸੀਂ ਬਾਰਡਰ ਦੀ ਮੁੱਲਤਵੀਕਤਾ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋسی ایس ایس یونٹ. |
initial | ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰਦਾ ਹੈ।ਦੇਖੋ: initial. |
inherit | ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਮਿਲਣਸ਼ੀਲ ਕਰਦਾ ਹੈ।ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | medium |
---|---|
ਮਿਲਣਸ਼ੀਲਤਾ: | ਨਹੀਂ |
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: | ਸਮਰਥਨ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ. |
ਆਈਸੀਬੀਐੱਸ: | CSS3 |
ਜੈਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ: | object.style.borderInlineStartWidth="10px" |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
ਸਪਰਸ਼ਮੰਡ ਵਿੱਚ ਸੰਖਿਆ ਇਸ ਗੁਣ ਦਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਦੀ ਆਈਸੀਬੀਐੱਸ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ。
ਚਰਾਮਸ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ਸਬੰਧਤ ਪੰਨੇ
ਸਿੱਖਿਆਦਾਤਰ:CSS ਬੰਦਰ
ਸੰਦਰਭ:CSS بوردر پراپرٹی
ਸੰਦਰਭ:CSS بوردر این لائن پراپرٹی
ਸੰਦਰਭ:CSS بوردر این لائن انڈ کانر پینگ پراپرٹی
ਸੰਦਰਭ:CSS border-inline-start-style پیوٹی
ਸੰਦਰਭ:CSS بوردر بوتوم پینگ پراپرٹی
ਸੰਦਰਭ:CSS border-left-width پیوٹی
ਸੰਦਰਭ:CSS border-right-width پیوٹی
ਸੰਦਰਭ:CSS border-top-width پیوٹی
ਸੰਦਰਭ:CSS ڈائریکشن پراپریٹی
- ਪਿਛਲਾ ਪੰਨਾ border-inline-start-style
- ਅਗਲਾ ਪੰਨਾ border-inline-style