border-top-color

از ویژگی border-top-color برای تعیین رنگ حاشیه بالای عنصر استفاده می شود.

هر نوع رنگی را می توانیم برای این ویژگی تنظیم کنیم.

border-top-color: green;
border-top-color: hsla(121,50%,50%,0.5);
border-top-color: #e43;

مقدار اولیه این ویژگی برابر با currentColor می باشد.

این ویژگی می تواند مقدارش را از حاشیه بالایی عنصر پدرش به ارث ببرد و برای این کار فقط کافی است از کلمه inherit به عنوان مقدار استفاده کنیم:

.baba {
  border-top-color: khaki;
}

.gol-pesare-baba {
  border-top-color: inherit; /* khaki*/
}

نوع و عرض حاشیه عنصر را می توان به ترتیب از طریق ویژگی های border-top-style و border-top-width تعیین کرد.

 
دموی زیر را بررسی کنید:
 

See the Pen border-top-width by Mojtaba Seyedi (@seyedi) on CodePen.