ویژگی border-bottom-style CSS

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

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

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

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

دستورالعمل 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	حاشیه نقطه‌ای را تعریف می‌کند. در بیشتر مرورگرها به صورت خطی نمایش داده می‌شود.
dashed	حاشیه خطی را تعریف می‌کند. در بیشتر مرورگرها به صورت خطی نمایش داده می‌شود.
solid	حاشیه خطی را تعریف می‌کند.
double	حاشیه دوخطی را تعریف می‌کند. عرض این خط‌ها برابر با مقدار border-width است.
groove	حاشیه 3D沟槽 را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
ridge	حاشیه 3D bevel را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
inset	حاشیه 3D inset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
outset	حاشیه 3D outset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد.
inherit	تعیین می‌کند که استایل حاشیه باید از عنصر والد ارث ببرد.

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

تنظیم استایل حاشیه پایین: این مثال نحوه تنظیم استایل حاشیه پایین را نشان می‌دهد.

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

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