border-bottom

از ویژگی border-bottom برای تنظیم حاشیه پایین عنصر از طریق تعیین عرض، نوع و رنگ آن بصورت خلاصه استفاده می شود.

این ویژگی از دسته ویژگی های خلاصه نویسی می باشد که می تواند ویژگی های border-bottom-width، border-bottom-style و border-bottom-color بصورت خلاصه بیان کند.

این ویژگی می تواند یک، دو و یا سه مقدار داشته باشد و مقادیری که تعریف نشوند مقدار اولیه (initial) خود را خواهند داشت.

مقادیر اولیه هر کدام:

 


border-bottom: width style color; /* 0 none currentColor */

 

برای تنظیم حاشیه پایین یک عنصر بصورت خلاصه می توان بصورت زیر عمل کرد:

 


border-bottom: 1em;

/* یا */
border-bottom: dotted deepPink; /* border-bottom-width = initial = 0 , یعنی بدون حاشیه */

/* یا */
border-bottom: 1px dotted #eee;

/* یا */
border-bottom: 10px solid #009966;