CSS بوردر چپ سبک کی اپریٹ

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

border-left-style سبک لبه چپ عنصر را تنظیم می‌کند.

تنها زمانی که این مقدار none نباشد، لبه‌ها ممکن است نمایش داده شوند.

در CSS1، کاربران HTML تنها باید از solid و none پشتیبانی کنند.

لطفاً به: مراجعه کنید

آموزش CSS:CSS کا بوردر

دستورالعمل مرجع CSS:ویژگی border-left

دستورالعمل مرجع HTML DOM:ویژگی borderLeftStyle

مثال

تنظیم سبک لبه چپ:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

آزمایش کنید

آموزش دستور زبان 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