CSS بوردر-لین استایل کی کوالٹی
- پچی پچی border-left-color
- آئندہ صفحہ border-left-width
تعریف و استفاده
border-left-style سبک لبه چپ عنصر را تنظیم میکند.
فقط وقتی این مقدار none نباشد، لبهها ممکن است نمایش داده شوند.
در CSS1، کاربران HTML فقط باید solid و none را پشتیبانی کنند.
همچنین ببینید:
آموزش CSS:CSS کا بوردر
دستورالعمل CSS:ویژگی border-left
دستورالعمل HTML DOM:ویژگی borderLeftStyle
قانون CSS
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
مقدار ویژگی
مقدار | توضیح |
---|---|
none | لبههای بدون لبه را تعریف میکند. |
hidden | مقدار "none" را دارد. اما برای جداول اعمال نمیشود، برای جداول از "hidden" برای حل درگیریهای لبه استفاده میشود. |
dotted | لبههای نقطهای را تعریف میکند. در بیشتر مرورگرها به صورت خطی نمایش داده میشود. |
dashed | لبههای شکسته را تعریف میکند. در بیشتر مرورگرها به صورت خطی نمایش داده میشود. |
solid | لبههای خطی را تعریف میکند. |
double | لبههای دوخطی را تعریف میکند. عرض آن برابر با مقدار border-width است. |
groove | لبههای 3D groove را تعریف میکند. اثر آن بستگی به مقدار border-color دارد. |
ridge | لبههای 3D ribbed را تعریف میکند. اثر آن بستگی به مقدار border-color دارد. |
inset | لبههای 3D inset را تعریف میکند. اثر آن بستگی به مقدار border-color دارد. |
outset | لبههای 3D outset را تعریف میکند. اثر آن بستگی به مقدار border-color دارد. |
وارث | تعریف میکند که باید سبک لبه از عنصر والد ارث ببرد. |
جزئیات فنی
مقدار پیشفرض: | نامشخص |
---|---|
وارث: | خیر |
نسخه: | CSS1 |
قانون جاوااسکریپت: | عنصر.style.borderLeftStyle="dotted" |
مثالهای بیشتر
- تنظیم سبک لبه چپ
- این مثال نحوه تنظیم سبک لبه چپ را نشان میدهد.
پشتیبانی مرورگر
تقریب کی جداول میگوید که کدام نسخههای مرورگر از این ویژگی پشتیبانی میکنند.
چروم | IE / ایج | فائرفاکس | سافری | اوپرا |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- پچی پچی border-left-color
- آئندہ صفحہ border-left-width