CSS بوردر بلوک خاتمه سبک کی ویژگی
- پچھلے پیج border-block-end-color
- پایین پیج border-block-end-width
تعریف اور استعمال
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 ویژگیها وابسته به مسیر بلوکها هستند.
توجه:ویژگیهای CSS مرتبط writing-mode مسیر بلوکها را تعریف میکند. این مسیر تأثیر میگذارد بر موقعیت شروع و پایان بلوکها و border-block-end-style نتیجه ویژگی. برای صفحات انگلیسی، مسیر درونی از چپ به راست است، مسیر بلوکها به سمت پایین است.
مثال
مثال 1
برای تنظیم استایل لبههای انتهایی مسیر بلوکها:
div {
border-block-end-style: dotted;
}
مثال 2: ترکیب ویژگی 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;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| none | مقدار پیشفرض. مشخص کردن لبههای بدون لبه. |
| hidden | مقدار پیشفرض. مشخص کردن لبههای بدون لبه. |
| 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 |
|---|---|
| وراثت: | خیر |
| انیمیشنسازی: | no. بخوانید در مورد animatable |
| نسخه: | CSS3 |
| نوشتار جاوااسکریپت: | object.style.borderBlockEndStyle="dotted" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخهی اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی میکند.
| کروم | اندژی | فایرفاکس | سافاری | اُپرا |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
صفحات مرتبط
دستورالعمل:CSS کا فریم
مطالعه:CSS بوردر کی ویژگی
مطالعه:CSS بوردر بلوک کی ویژگی
مطالعه:CSS بوردر بلوک سبک کی ویژگی
مطالعه:CSS بوردر بلوک شروع سبک کی ویژگی
مطالعه:CSS بوردر پائین سبک کی ویژگی
مطالعه:CSS بوردر-لینٹ-استایل کیمپٹ
مطالعه:CSS بوردر-رائٹ-استایل کیمپٹ
مطالعه:CSS بوردر-تاپ-استایل کیمپٹ
مطالعه:CSS writing-mode کی ویژگی
- پچھلے پیج border-block-end-color
- پایین پیج border-block-end-width
