جدول درس

سی ایس ایس مراجع دستورالعمل

CSS کوالیت

درس انتخابی

پیشنهاد دوره:

CodeW3C.com کا کٹائی جعبه

CSS بوردر-اینلاین-استارٹ-استایل کی ویژگی

پیشین پیچ border-inline-start-color
پائیدار ویب border-inline-start-width

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

border-inline-start-style پرچم تنظیم می‌کند که سبک پرچم عنصر در شروع سمت درون خط باشد.

CSS کی border-inline-start-style پرچم با border-bottom-styleوborder-left-styleوborder-right-style و border-top-style پرچم بسیار مشابه، اما border-inline-start-style پرچم وابسته به سمت درون خط است.

توجیه:相关的 CSS 属性 writing-modeوtext-orientation و direction مسیر درون‌چپ به راست را تعریف می‌کند. این تأثیرگذار بر موقعیت شروع و پایان یک خط و border-inline-start-style نتیجه ویژگی. برای صفحات انگلیسی، مسیر درون‌چپ به راست است و مسیر بلوک به پایین است.

مثال

مثال 1

نمونه‌ای از تنظیم استایل مرزهای شروع مسیر درون‌چپ به راست:

div {
  border-inline-start-style: dotted;
}

آزمایش کنید

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

موقعیت مرزهای شروع مسیر درون‌چپ به راست تحت تأثیر: writing-mode تأثیرات ویژگی:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

آزمایش کنید

مثال 3: ترکیب با ویژگی direction

موقعیت مرزهای شروع و پایان مسیر درون‌چپ به راست تحت تأثیر: direction تأثیرات ویژگی:

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

آزمایش کنید

جملات CSS

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

مقدار ویژگی

مقدار	توضیح
none	مقدار پیش‌فرض. مشخص می‌کند که بدون مرز است.
hidden	مانند none است، اما در حل تعارضات مرزهای عنصر جدول متفاوت است.
dotted	خط‌های نقطه‌ای را مشخص می‌کند.
dashed	خط‌های شکسته را مشخص می‌کند.
solid	خط‌های صاف را مشخص می‌کند.
double	خط‌های دوگانه را مشخص می‌کند.
groove	خط‌های بریدگی سه‌بعدی را مشخص می‌کند. تأثیرات این ویژگی بستگی به مقدار border-color دارد.
ridge	خط‌های برآمده سه‌بعدی را مشخص می‌کند. تأثیرات این ویژگی بستگی به مقدار border-color دارد.
inset	خط‌های داخلی سه‌بعدی را مشخص می‌کند. تأثیرات این ویژگی بستگی به مقدار border-color دارد.
outset	خط‌های خارجی سه‌بعدی را مشخص می‌کند. تأثیرات این ویژگی بستگی به مقدار border-color دارد.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به: initial.
inherit	این ویژگی از عنصر والد خود ارث می‌برد. به: inherit.

جزئیات فنی

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