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 | تعیین لبههای پیشرفته با حالت grooved. اثر آن بستگی به مقدار border-color دارد. |
ridge | تعیین لبههای پیشرفته با حالت ribbed. اثر آن بستگی به مقدار border-color دارد. |
inset | تعیین لبههای پیشرفته با حالت inset. اثر آن بستگی به مقدار border-color دارد. |
outset | تعیین لبههای پیشرفته با حالت outset. اثر آن بستگی به مقدار border-color دارد. |
erbتی | تعیین میکند که سبک لبه باید از عنصر والد ارث ببرد. |
جزئیات فنی
مقدار پیشفرض: | مشخص نشده |
---|---|
erbستی: | خیر |
نسخه: | CSS1 |
آموزش دستور زبان JavaScript: | عنصر.style.borderLeftStyle="dotted" |
مثالهای بیشتر
- تنظیم سبک لبه چپ
- این مثال نحوه تنظیم سبک لبه چپ را نشان میدهد.
پشتیبانی مرورگر
اعداد شماری در جدول نشاندهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- پیشین پیگه border-left-color
- بعد کا پہلا پیغام border-left-width