ویژگی border-block-end-style CSS

تعریف و استفاده

border-block-end-style ویژگی برای تنظیم سبک حاشیه عنصر در انتهای جهت بلوک استفاده می‌شود.

CSS border-block-end-style ویژگی با border-bottom-styleوborder-left-styleوborder-right-style و border-top-style ویژگی‌ها بسیار مشابه هستند، اما border-block-end-style ویژگی به جهت block بستگی دارد.

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

مثال

مثال 1

تنظیم style برای border در end block direction:

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

آزمایش شخصی کنید

مثال 2: ترکیب attribute writing-mode

محل style border-block-end-style از تأثیر writing-mode قرار دارد. writing-mode تأثیرات ویژگی:

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

آزمایش شخصی کنید

آموزش دستور زبان CSS

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

راهنما:پردازش CSS

منبع:ویژگی border CSS

منبع:ویژگی border-block CSS

منبع:ویژگی border-block-style CSS

منبع:ویژگی border-block-start-style CSS

منبع:ویژگی border-bottom-style CSS

منبع:ویژگی border-left-style CSS

منبع:ویژگی border-right-style CSS

منبع:ویژگی border-top-style CSS

منبع:ویژگی writing-mode CSS