ویژگی border-block-start-style 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

حدفروش 3D برآمده را مشخص می‌کند.

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

ridge

حدفروش 3D خشن را مشخص می‌کند.

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

inset

حدفروش 3D داخلی را مشخص می‌کند.

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

outset

حدفروش 3D را مشخص می‌کند.

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: inherit.

جزئیات فنی

مقدار پیش‌فرض: none
ارث‌پذیری: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
نوع دستور زبان جاوااسکریپت: object.style.borderBlockStartStyle="dotted"

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

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

کروم گرید افراد سافاری آپرا
69.0 79.0 41.0 12.1 56.0

صفحات مرتبط

دستورالعمل:کناره‌های CSS

مطالعه:ویژگی border CSS

مطالعه:ویژگی border-block CSS

مطالعه:ویژگی border-block-style CSS

مطالعه:ویژگی border-block-end-style CSS

مطالعه:ویژگی border-bottom-style CSS

مطالعه:ویژگی border-left-style CSS

مطالعه:ویژگی border-right-style CSS

مطالعه:ویژگی border-top-style CSS

مطالعه:ویژگی writing-mode CSS