border-right-color

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

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

 


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

 

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

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

 


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

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

 

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

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

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

 

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *