ویژگی border-bottom-style CSS

تعریف و کاربرد

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

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

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

آموزش CSS:حلقه CSS

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

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

سبک لبه پایین را تنظیم کنید:

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

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

مقدار	توضیح
none	لبه‌های بدون لبه را تعریف می‌کند.
hidden	با "none" مشابه است. اما برای جدول‌ها استثنا دارد، برای جدول‌ها، hidden برای حل درگیری لبه‌ها استفاده می‌شود.
dotted	لبه‌های pointy را تعریف می‌کند. در اغلب مرورگرها به عنوان خط مستقیم نمایش داده می‌شود.
dashed	لبه‌های dashed را تعریف می‌کند. در اغلب مرورگرها به عنوان خط مستقیم نمایش داده می‌شود.
solid	لبه‌های solid را تعریف می‌کند.
double	لبه‌های double را تعریف می‌کند. عرض لبه‌های دوگانه برابر با مقدار border-width است.
groove	لبه‌های grooved سه‌بعدی را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
ridge	لبه‌های ridged سه‌بعدی را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
inset	لبه‌های inset سه‌بعدی را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
outset	لبه‌های outset سه‌بعدی را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
inherit	این مشخص می‌کند که سبک لبه باید از عنصر والد ارث ببرد.

مقدار پیش‌فرض:	not specified
ارث‌پذیری:	no
نسخه:	CSS1
جمله‌نویسی JavaScript:	object.style.borderBottomStyle="dotted"

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

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	9.2