CSS بوردر بلوک استایل اپریٹ
- پچھلے پیج border-block-start-width
- پائیدہ پیج border-block-width
تعریف اور استعمال
ویژگیهای 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;
#example2 {
border-block-style: dashed dotted; مثال 2: ترکیب ویژگی writing-mode
موقعیت لبههای شروع و پایان مسیر بلوک تحت تأثیر
writing-mode تأثیرات ویژگی: div { writing-mode: vertical-rl;
}
آزمایش کنید
جملهبندی 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 بوردر-رائٹ-استایل کی اپریٹر
- پچھلے پیج border-block-start-width
- پائیدہ پیج border-block-width