خصوصیت border-block-start CSS

صفحه قبل border-block-end-width
صفحه بعدی border-block-start-color

تعریف و کاربرد

border-block-start نوعیت به عنوان اختصاری از موارد زیر است:

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

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

مثال

مثال 1

تنظیم عرض، رنگ و سبک لبه در ابتدای مسیر بلوک:

div {
  border-block-start: 10px solid pink;
}

آزمایش کنید

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

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

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

آزمایش کنید

جملات CSS

border-block-start: border-block-start-width border-block-start-style border-block-start-color|initial|inherit;

مقدار ویژگی

مقدار	توضیح
border-block-start-width	عرض لبه عنصر در ابتدای مسیر بلوک مشخص می‌شود. مقدار پیش‌فرض medium است.
border-block-start-style	سبک لبه عنصر در ابتدای مسیر بلوک مشخص می‌شود. مقدار پیش‌فرض none است.
border-block-start-color	رنگ لبه عنصر در ابتدای مسیر بلوک مشخص می‌شود. مقدار پیش‌فرض رنگ لبه است.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: initial.
inherit	این ویژگی از عنصر والد خود ارث می‌برد. لطفاً به: inherit.

جزئیات فنی

مقدار پیش‌فرض:	medium none currentcolor
ارث‌پذیری:	خیر
انیمیشن‌سازی:	پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
جملات برنامه‌نویسی JavaScript:	object.style.borderBlockStart="pink dotted 5px"