border-top

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

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

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

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

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

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

border-top: 1em;

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

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

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