ویژگی border-block-start-style CSS
- صفحه قبلی border-block-start-color
- صفحه بعدی border-block-start-width
تعریف و استفاده
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
- صفحه قبلی border-block-start-color
- صفحه بعدی border-block-start-width