CSS بوردر-اینلاین-استایل پرپریٹی
- پچھلے صفحہ border-inline-start-width
- آئندہ صفحہ border-inline-width
تعریف اور استعمال
border-inline-style
کوالائیتیات عناصر کو دورون خطی سمت پر کوالائیتیات کا تعین کرتی ہیں.
border-inline-style
کوالائیتیات کا مقصد کسی طرح سے قائم کرنا ہے:
اگر border-inline-style
کوالائیتیات کی دو مقاصد ہیں:
border-inline-style: solid dotted;
- دورون خطی شروعات کی جگہ کی کوالائیتیات مستقیم (solid) ہے
- دورون خطی ختم کی جگہ کی کوالائیتیات نقطے سے بٹتی ہیں (dotted)
اگر border-inline-style
کوالائیتیات کا ایک مقصد ہے:
border-inline-style: dotted;
- دورون خطی شروعات اور ختم کی جگہ کی کوالائیتیات نقطے سے بٹتی ہیں (dotted)
CSS کی border-inline-style
کوالائیتیات کا تعین کرتی ہیں border-bottom-style
،border-left-style
،border-right-style
اور border-top-style
کوالائیتیات بہت ملتی جلتی ہیں، لیکن border-inline-style
کوالائیتیات دورون خطی سمت پر منحصر ہوتی ہیں.
توجہ:متعلقہ CSS کوالائیتیات writing-mode
،text-orientation
اور direction
دورون خطی سمت کا تعین کرتی ہے۔ یہ کسی سطر کی شروعات اور ختم کی جگہ اور border-inline-style
نتیجه خاصیت. برائے انگریزی صفحات، درون خطی سمت چپ سمت راست ہے، بلوک سمت پائین ہے.
مثال
مثال 1
تنظیم سبک حاشیه در مسیر درونمحلی:
#example1 { border-inline-style: solid; } #example2 { border-inline-style: dashed dotted; }
مثال 2: ترکیب ویژگی writing-mode
موقعیت حاشیه در شروع و پایان مسیر درونمحلی تحت تأثیر writing-mode
تأثیر ویژگی:
div { 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 | مانند none است، اما در حل تعارض حاشیه در عناصر جدول متفاوت است. |
dotted | کامپوننت حاشیه خطهای نقطهای را مشخص میکند. |
dashed | کامپوننت حاشیه خطهای افقی را مشخص میکند. |
solid | کامپوننت حاشیه خطی را مشخص میکند. |
double | کامپوننت حاشیه دوخطی را مشخص میکند. |
groove |
کامپوننت حاشیه سهبعدی برشداری را مشخص میکند. تأثیرات وابسته به مقدار border-color است. |
ridge |
کامپوننت حاشیه سهبعدی برآمده را مشخص میکند. تأثیرات وابسته به مقدار border-color است. |
inset |
کامپوننت حاشیه سهبعدی داخلی را مشخص میکند. تأثیرات وابسته به مقدار border-color است. |
outset |
کامپوننت حاشیه سهبعدی خارجی را مشخص میکند. تأثیرات وابسته به مقدار border-color است. |
initial | این ویژگی را به مقدار پیشفرض خود تنظیم میکند. به: initial. |
inherit | این ویژگی را از عنصر والد خود ارث میبرد. به: inherit. |
جزئیات فنی
مقدار پیشفرض: | none |
---|---|
وراثت: | خیر |
انیمیشنسازی: | پشتیبانی نمیشود. لطفاً به:خصوصیات مرتبط با انیمیشن. |
نسخه: | CSS3 |
جملهبندی جاوااسکریپت: | object.style.borderInlineStyle="dotted" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگرهایی هستند که این ویژگی را کامل پشتیبانی میکنند.
کروم | ایج | فایرفاکس | سافاری | اُپرا |
---|---|---|---|---|
87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
صفحات مرتبط
مدرسه:CSS کا پیراگرف
مطالعه:CSS بوردر حیثیت
مطالعه:CSS بوردر خطی حیثیت
مطالعه:CSS بوردر-اینلاین-استایل پرپریٹی
مطالعه:CSS بوردر پائین استایل حیثیت
مطالعه:CSS بوردر-لفت-استایل پرپریٹی
مطالعه:CSS بوردر-رائٹ-استایل پرپریٹی
مطالعه:CSS بوردر-تاپ-استایل پرپریٹی
مطالعه:CSS دیکشن پراپرٹی
مطالعه:CSS text-orientation کیمپٹی
مطالعه:CSS writing-mode کیمپٹی
- پچھلے صفحہ border-inline-start-width
- آئندہ صفحہ border-inline-width