CSS بوردر بلوک استایل اپریٹ

تعریف اور استعمال

ویژگی‌های CSS مرتبط پریمیر ویلیو بلاک کی سمت میں عنصر کی سرحد کی شکل سیٹ کرتی ہے。

ویژگی‌های CSS مرتبط پریمیر ویلیو کا قیاس مختلف طریقوں سے کیا جاسکتا ہے:

اگر ویژگی‌های CSS مرتبط پریمیر ویلیو دو اکسرتا ہیں:

border-block-style: solid;
  • بلاک کے شروع کے مقام کی سرحد کی شکل خطی کا ہوتی ہے
  • بلاک کے ختم کے مقام کی سرحد کی شکل نقطی کا ہوتی ہے

اگر ویژگی‌های CSS مرتبط پریمیر ویلیو اکسرتا ہے:

border-block-style: dashed;
  • بلاک کے شروع کے مقام اور ختم کے مقام کی سرحد کی شکل خطی کا ہوتی ہے

CSS ویژگی‌های CSS مرتبط 属性 سے CSS属性 border-bottom-style،border-left-style،border-right-style اور border-top-style 非常相似,但 ویژگی‌های CSS مرتبط 属性依赖于块方向。

بسیار مشابه، اماویژگی وابسته به مسیر بلوک است. مثال 2: ترکیب ویژگی writing-mode توجه داشته باشید: ویژگی‌های CSS مرتبط مسیر بلوک را تعریف می‌کند. این مسیر بر شروع و پایان مکان بلوک و

border-block-style

نتیجه ویژگی. برای صفحات انگلیسی، مسیر درونی از چپ به راست است و مسیر بلوک به سمت پایین است.

مثال

مثال 1
  تنظیم لبه‌های مسیر بلوک:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; مثال 2: ترکیب ویژگی writing-mode موقعیت لبه‌های شروع و پایان مسیر بلوک تحت تأثیر

writing-mode
  تأثیرات ویژگی:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

آزمایش کنید

جمله‌بندی CSS

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

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

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

ridge

این ویژگی یک لبه برآمده سه‌بعدی را مشخص می‌کند.

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

inset

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

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

outset

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

تأثیرات این ویژگی بستگی به مقدار border-color دارد.

initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به اینجا مراجعه کنید initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به اینجا مراجعه کنید inherit.

جزئیات فنی

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

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

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

کروم ایج فایرفاکس سرافی اپرا
87.0 87.0 66.0 14.1 73.0

صفحات مرتبط

تدریس:CSS کا کمر

مطالب:CSS بوردر اپریٹ

مطالب:CSS بوردر بلوک اپریٹ

مطالب:CSS بوردر بلوک ختم استایل اپریٹ

مطالب:CSS بوردر بلوک شروع استایل اپریٹ

مطالب:CSS بوردر پائین استایل اپریٹ

مطالب:CSS بوردر-لین-استایل کی اپریٹر

مطالب:CSS بوردر-رائٹ-استایل کی اپریٹر

مطالب:CSS بوردر-تاپ-استایل کی اپریٹر

مطالب:CSS writing-mode کی پرتکلیات