CSS بوردر بلوک شروع سائز کا اپریٹ

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

border-block-start-style کیفیتات پر است پر استفادہ کیوں کے لئے عنصر کی بلاک سمت میں ابتدائی کی بوردر کی فاتحیت کو سیٹ کرنا ہوتا ہے۔

CSS border-block-start-style کیفیتات پر است با CSS کی فاتحیت border-bottom-style،border-left-style،border-right-style و border-top-style بسیار مشابه، اما border-block-start-style ویژگی به مسیر بلوک وابسته است.

توجه:ویژگی‌های CSS مرتبط writing-mode مسیر بلوک را تعریف می‌کند. این مسیر شروع و پایان بلوک و border-block-start-style نتیجه ویژگی. برای صفحات انگلیسی، مسیر درون‌صفحه از چپ به راست است، مسیر بلوک به پایین است.

مثال

مثال 1

برای تنظیم لبه‌های شروع مسیر بلوک:

div {
  border-block-start-style: dotted;
}

آزمایش کنید خودتان

مثال 2: ترکیب ویژگی writing-mode

محل لبه‌های شروع مسیر بلوک تحت تأثیر writing-mode تأثیرات ویژگی:

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

آزمایش کنید خودتان

قوانین CSS

border-block-start-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.borderBlockStartStyle="dotted"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

کروم ایج فایرفاکس سافاری اوپرا
69.0 79.0 41.0 12.1 56.0

صفحات مرتبط

کاوش:CSS کا کانتار

مطالعه:CSS بوردر کا اپریٹ

مطالعه:CSS بوردر بلوک کا اپریٹ

مطالعه:CSS بوردر بلوک سائز کا اپریٹ

مطالعه:CSS بوردر بلوک ختم سائز کا اپریٹ

مطالعه:CSS بوردر بہت سائز کا اپریٹ

مطالعه:CSS بوردر-چپ-استایل اپریٹر

مطالعه:CSS بوردر-راست-استایل اپریٹر

مطالعه:CSS بوردر-توب-استایل اپریٹر

مطالعه:CSS writing-mode کی خاصیت