CSS بوردر-اینلاین-استایل پرپریٹی

تعریف اور استعمال

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 کیمپٹی